淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 747|回复: 3
收起左侧

[装修相关] 轮播ks-active的class,怎么实现?

[复制链接]
  • TA的每日心情
    抱抱
    2016-11-24 17:07
  • 签到天数: 21 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    42

    帖子

    4667

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4667

    发表于 2015-3-19 15:04:13 | 显示全部楼层 |阅读模式
    http://shop114057375.taobao.com/
    请问一下那轮播时数字1,2,3,怎么样才能和图片对应一起变化呢。
    请大神们帮我看看呗~



    代码:
    <div  style="height:650px;">
      <div class="footer-more-trigger" style="width:1920px;height:650px;top:auto;padding:0px;border:none;border:0px;left:50%;">
        <div class="footer-more-trigger" style="width:1920px;height:650px;padding:0px;border:none;border:0px;left:-960px;">
          <div data-widget-config="{
              'contentCls': 'con',
              'navCls': 'nav',
              'effect': 'scrollx',
              'easing': 'easeOutStrong',
              'autoplay': true,
              'viewSize':[1920],
              'circular': true,
              'activeTriggerCls': 'ks_active'
                }" data-widget-type="Carousel" class="J_TWidget">
            <div style="height:650px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="kun1920">
              <ul class="con" style="height:650px;width:1920px;padding:0px;margin:0px;">
                <li style="width:1920px;height:650px;padding:0px;margin:0px;"><a target="_blank"   style="padding:0px;margin:0px;"><img src="http://img02.taobaocdn.com/imgextra/i2/2269522123/TB2UzWfcXXXXXXAXpXXXXXXXXXX_!!2269522123.jpg" width="1920px" height="650px" border="0px"></a></li>
                <li style="width:1920px;height:650px;padding:0px;margin:0px;"><a target="_blank"   style="padding:0px;margin:0px;"><img src="http://img02.taobaocdn.com/imgextra/i2/2269522123/TB26zKfcXXXXXakXpXXXXXXXXXX_!!2269522123.jpg" width="1920px" height="650px" border="0px"></a></li>
                <li style="width:1920px;height:650px;padding:0px;margin:0px;"><a target="_blank"   style="padding:0px;margin:0px;"><img src="http://img04.taobaocdn.com/imgextra/i4/2269522123/TB2Fa1gcXXXXXXFXpXXXXXXXXXX_!!2269522123.jpg" width="1920px" height="650px" border="0px"></a></li>
              </ul>
            </div>
            <div class="footer-more-trigger" style="padding:0px;border:none;border:0px;left:50%;">
              <div class="footer-more-trigger" style="width:556px;height:45px;padding:0px;border:none;left:-278px;top:605px;">
                <ul class="nav" >
                  <li class="ks_active" style="display: inline;margin: 0 15px;cursor:pointer;">1 </li>
                  <li style="display: inline;margin: 0 15px;cursor:pointer;">2 </li>
                  <li style="display: inline;margin: 0 15px;cursor:pointer;">3 </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>




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


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

  • TA的每日心情
    加油
    昨天 16:18
  • 签到天数: 1102 天

    连续签到: 3 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279873

    发表于 2015-3-19 16:04:27 | 显示全部楼层
    轮播设置里'activeTriggerCls':'hidden'
    触发的那个数字就会被隐藏,
    只要事先在数字下面放好其他颜色的数字,
    那么,
    当触发时,上面的数字隐藏了,
    就会显示出下面其他颜色的数字了

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


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

  • TA的每日心情
    抱抱
    2016-11-24 17:07
  • 签到天数: 21 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    42

    帖子

    4667

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4667

     楼主| 发表于 2015-3-20 09:01:14 | 显示全部楼层
    X_in 发表于 2015-3-19 16:04
    轮播设置里'activeTriggerCls':'hidden'
    触发的那个数字就会被隐藏,
    只要事先在数字下面放好其他颜色的数 ...

    太感谢了,此方法好棒!

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


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

  • TA的每日心情
    无奈
    2016-1-27 13:48
  • 签到天数: 89 天

    连续签到: 1 天

    [LV.6]渐入佳境

    31

    主题

    599

    帖子

    6749

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6749

    天猫美工最佳新人热心会员

    发表于 2015-3-20 09:02:41 | 显示全部楼层
    虽然看不懂 不过还是要给赞

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-10 11:11 , Processed in 0.103639 second(s), 14 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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