淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1051|回复: 13
收起左侧

[装修相关] 怎么做多方向轮播,多层轮播带略缩图的

[复制链接]
  • TA的每日心情
    臭美
    2016-8-21 10:25
  • 签到天数: 633 天

    连续签到: 1 天

    [LV.9]已臻大成

    58

    主题

    411

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    132978

    最佳新人热心会员宣传达人优秀版主活跃会员

    发表于 2015-6-27 14:29:38 | 显示全部楼层 |阅读模式
    谁有多方向轮播,多层轮播带略缩图的代码!分享下呗!或者教教怎么做最好,我自己做的都乱码了,思路就是用自定义的contentCls                轮播属性中分别做2个 data-widget-type="Carousel" data-widget-config="{ contentCls:content_nb}

    data-widget-type="Carousel" data-widget-config="{ contentCls:content_mb}
    但是做出来就只有一个能轮播的,求大神说说哪里有问题?



    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-8-18 09:10
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    27

    主题

    636

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43157

    发表于 2015-6-27 16:14:07 | 显示全部楼层
    写多个contentCls,然后   nextBtnCls   和  prevBtnCls   只做一个,用一个控制柄,控制多个轮播内容,然后改变轮播的动画效果

    点评

    感谢大师!按照你的方法我现在已经学会了多方向轮播,感谢你的方法!  发表于 2015-7-1 17:53

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情
    加油
    昨天 12:12
  • 签到天数: 1101 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279758

    发表于 2015-6-27 14:55:18 | 显示全部楼层
    你把单引号吃了?
    data-widget-config="{'easing':'bounceOut','interval':'4','navCls':'ks-switchable-nav','steps':1,'contentCls':'ks-switchable-content','prevBtnCls':'prev','autoplay':true,'nextBtnCls':'next','circular':true,'disableBtnCls':'disable','duration':1.0,'effect':'scrollx'}"
    这才是正确格式



    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-8-21 10:25
  • 签到天数: 633 天

    连续签到: 1 天

    [LV.9]已臻大成

    58

    主题

    411

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    132978

    最佳新人热心会员宣传达人优秀版主活跃会员

     楼主| 发表于 2015-6-27 15:05:31 | 显示全部楼层
    X_in 发表于 2015-6-27 14:55
    你把单引号吃了?
    data-widget-config="{'easing':'bounceOut','interval':'4','navCls':'ks- ...

    嗯嗯!这些都对的没问题的!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-8-21 10:25
  • 签到天数: 633 天

    连续签到: 1 天

    [LV.9]已臻大成

    58

    主题

    411

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    132978

    最佳新人热心会员宣传达人优秀版主活跃会员

     楼主| 发表于 2015-6-27 15:06:10 | 显示全部楼层
    X_in 发表于 2015-6-27 14:55
    你把单引号吃了?
    data-widget-config="{'easing':'bounceOut','interval':'4','navCls':'ks- ...

    只是缩写大概意思

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-8-21 10:25
  • 签到天数: 633 天

    连续签到: 1 天

    [LV.9]已臻大成

    58

    主题

    411

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    132978

    最佳新人热心会员宣传达人优秀版主活跃会员

     楼主| 发表于 2015-6-27 15:12:04 | 显示全部楼层
    X_in 发表于 2015-6-27 14:55
    你把单引号吃了?
    data-widget-config="{'easing':'bounceOut','interval':'4','navCls':'ks- ...

    你这个代码是哪里生成的!不错啊!效果不错我用来当全屏海报了

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-8-21 10:25
  • 签到天数: 633 天

    连续签到: 1 天

    [LV.9]已臻大成

    58

    主题

    411

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    132978

    最佳新人热心会员宣传达人优秀版主活跃会员

     楼主| 发表于 2015-6-27 15:14:50 | 显示全部楼层
    X_in 发表于 2015-6-27 14:55
    你把单引号吃了?
    data-widget-config="{'easing':'bounceOut','interval':'4','navCls':'ks- ...

    问下这里的contentCls':'ks-switchable-content'
                                         ks-switchable-content可以自定义的吗?比如数字字母随便写的,只要在相关轮播内容属性填写和这里contentCls的一样就可以吗?

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    前天 16:41
  • 签到天数: 129 天

    连续签到: 1 天

    [LV.7]炉火纯青

    20

    主题

    454

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28014

    最佳新人热心会员

    发表于 2015-6-27 15:39:22 | 显示全部楼层
    码盲路过

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    昨天 12:12
  • 签到天数: 1101 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279758

    发表于 2015-6-27 15:44:13 | 显示全部楼层
    僵尸爱上鬼 发表于 2015-6-27 15:14
    问下这里的contentCls':'ks-switchable-content'
                                         ks-switchable-c ...

    代码都是自己用DW写的,没有使用生成代码的工具,ks-switchable-content我也经常改,直接简写成con和nav,
    都能正常使用




    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-8-21 10:25
  • 签到天数: 633 天

    连续签到: 1 天

    [LV.9]已臻大成

    58

    主题

    411

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    132978

    最佳新人热心会员宣传达人优秀版主活跃会员

     楼主| 发表于 2015-6-27 15:56:21 | 显示全部楼层
    哦哦!DW能做像我说的那个代码吗?我现在都用在线生成的,因为不是很懂!现在基本就没用DW

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    无奈
    2015-8-8 23:22
  • 签到天数: 47 天

    连续签到: 1 天

    [LV.5]略有小成

    23

    主题

    247

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    22009

    发表于 2015-6-27 16:02:10 | 显示全部楼层
                                                                         
    择一城终老,遇一人白首
    如果不曾开始,永远不会抵达
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-9 13:51 , Processed in 0.137596 second(s), 26 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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