起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3114|回复: 2

[处理中3] 轮播图carousel组件,有动态生成的例子吗?

[复制链接]

12

主题

42

帖子

188

积分

初级会员

Rank: 2

积分
188
QQ
发表于 2018-12-19 09:32:16 | 显示全部楼层 |阅读模式
动态生成代码:
                        var parentNode = carouselObject.parentNode;
                        var cal = {
                                parent:parentNode,
                                config:{
                                        xid:"carousel1",
                                        auto:true,
                                        interval:1000
                                }
                        }
                        var carousel = new Carousel(cal);

在parentNode下没有动态生成的carousel组件。求指导

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
发表于 2018-12-24 09:30:03 | 显示全部楼层
本帖最后由 carbinechun 于 2018-12-24 09:31 编辑

巧了,最近做个页面用了动态加载轮播图,自己消化一下吧。这个好像是在淘宝的商品明细页有类似demo
  1. //获取轮换图片
  2.         Model.prototype.imgDataCustomRefresh = function(event){
  3.                 /*
  4.                 1、加载轮换图片数据
  5.                 2、根据goodsID过滤数据
  6.                 3、修改对应图片的src
  7.                 */               
  8. //                debugger;
  9.         var carousel=this.comp("carousel1");        
  10.         event.source.each(function(obj){                        
  11.                         var fImgUrl=require.toUrl(obj.row.val("F_BLU_IMAGE"));
  12.                         if( obj.index==0){
  13.                                 $(carousel.domNode).find("img").eq(0).attr({"src":fImgUrl});
  14.                         } else {
  15.                                 carousel.add('<img src="'+fImgUrl+'" class="image-wall tb-img"/>');
  16.                         }
  17.                 });
  18.         };
复制代码
传说中路过
回复 支持 反对

使用道具 举报

12

主题

42

帖子

188

积分

初级会员

Rank: 2

积分
188
QQ
 楼主| 发表于 2019-2-13 15:37:38 | 显示全部楼层
carbinechun 发表于 2018-12-24 09:30
巧了,最近做个页面用了动态加载轮播图,自己消化一下吧。这个好像是在淘宝的商品明细页有类似demo
...

感谢分享!!!不过我想要的是动态生成carousel这个组件的方法
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-18 15:45 , Processed in 0.055989 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表