淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10462|回复: 7
收起左侧

[装修相关] Duang~ 好奇怪的多图轮播?代码是有问题么,大神来解答

[复制链接]
  • TA的每日心情
    抱抱
    2015-1-15 12:30
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    5

    主题

    10

    帖子

    2026

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2026

    发表于 2015-3-3 11:57:08 | 显示全部楼层 |阅读模式
    下边附上图片和提取的代码及店铺地址,如图,共9图,上大图和下小图对应的,效果,鼠标不动时大图自动连播,鼠标选择某个小图时大图则变成对应相同的图,提取的代码用不了,什么也不显示,代码如下,求大神解答,附上正确代码,万分感谢

    提取的代码如下:
    <div class="tb-module tshop-um tshop-um-lc" style="margin-bottom:0px;"><div class="all_box w_950"><div class="all_content"><a name="f01"></a><div class="box_pos_1"><div class="lou_content"><div class="xtool" style="width:950px;height:470px;"><a class="anim  abs p-picture" style="left:-485px;top:0;width:1920px;height:470px;"><img class="i1" src="http://a.tbcdn.cn/s.gif" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/20333751/TB2fF4UbVXXXXXWXpXXXXXXXXXX_!!20333751.jpg" alt=""></a><a class="xs__vcode abs" style="left:-91px;top:307px;color:#FFFFFF;width:1132px;height:148px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-style:solid;border-color:#E0DEDE;">请输入图层文字</a><div class="abs p-carousel xs-lb" style="left:-91px;top:10px;width:1132px;height:295px;"><div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'easing':'easeOutStrong','interval':2,'navCls':'xs-nav','steps':1,'contentCls':'xs-cont','prevBtnCls':'xs-prev','autoplay':true,'nextBtnCls':'xs-next','circular':true,'disableBtnCls':'xs-disable','duration':1,'activeTriggerCls':'ca-active xs-active','viewSize':[1132],'effect':'scrollx','delay':0.1,'triggerType':'mouse'}"><div class="ca-cont-wra" style="width:1132px;height:295px;"><div class="xs-cont"><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url();"></a></div></div><div class="abs ca-nav xs-nav" style="height:143px;width:1129px;left:11.5px;bottom:-150px;"><a  target="_blank" class="thumb ca-active xs-active" style="line-height:139px;width:117px;height:139px;background-color:#4C4C4C;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-color:#4C4C4C;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-color:#4C4C4C;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url();border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a></div></div></div></div></div></div></div></div></div>


    店铺地址:http://babykids.taobao.com/dc.htm?spm=a1z10.1.w8697063-8556907660.15.8IzvY7




    求大神解答,附上个能用的代码

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


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

  • TA的每日心情
    抱抱
    2015-1-15 12:30
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    5

    主题

    10

    帖子

    2026

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2026

     楼主| 发表于 2015-3-3 11:59:02 | 显示全部楼层
    本帖最后由 童萌贝贝 于 2015-3-3 12:05 编辑

    上变代码有问题,下边是提取个代码  重新发了

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


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

  • TA的每日心情
    抱抱
    2015-1-15 12:30
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    5

    主题

    10

    帖子

    2026

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2026

     楼主| 发表于 2015-3-3 12:03:45 | 显示全部楼层
    1. <div class="tb-module tshop-um tshop-um-lc" style="margin-bottom:0px;"><div class="all_box w_950"><div class="all_content"><a name="f01"></a><div class="box_pos_1"><div class="lou_content"><div class="xtool" style="width:950px;height:470px;"><a class="anim  abs p-picture" style="left:-485px;top:0;width:1920px;height:470px;"><img class="i1" src="http://a.tbcdn.cn/s.gif" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/20333751/TB2fF4UbVXXXXXWXpXXXXXXXXXX_!!20333751.jpg" alt=""></a><a class="xs__vcode abs" style="left:-91px;top:307px;color:#FFFFFF;width:1132px;height:148px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-style:solid;border-color:#E0DEDE;">请输入图层文字</a><div class="abs p-carousel xs-lb" style="left:-91px;top:10px;width:1132px;height:295px;"><div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'easing':'easeOutStrong','interval':2,'navCls':'xs-nav','steps':1,'contentCls':'xs-cont','prevBtnCls':'xs-prev','autoplay':true,'nextBtnCls':'xs-next','circular':true,'disableBtnCls':'xs-disable','duration':1,'activeTriggerCls':'ca-active xs-active','viewSize':[1132],'effect':'scrollx','delay':0.1,'triggerType':'mouse'}"><div class="ca-cont-wra" style="width:1132px;height:295px;"><div class="xs-cont"><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img04.taobaocdn.com/imgextra/i4/20333751/TB2HGxSbVXXXXX8XpXXXXXXXXXX_!!20333751.jpg[/img]);"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img02.taobaocdn.com/imgextra/i2/20333751/TB2_P4TbVXXXXXTXpXXXXXXXXXX_!!20333751.jpg[/img]);"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img01.taobaocdn.com/imgextra/i1/20333751/TB2cqFSbVXXXXaLXpXXXXXXXXXX_!!20333751.jpg[/img]);"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img03.taobaocdn.com/imgextra/i3/20333751/TB2BOxSbVXXXXazXpXXXXXXXXXX_!!20333751.jpg[/img]);"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img01.taobaocdn.com/imgextra/i1/20333751/TB2d3hSbVXXXXaXXpXXXXXXXXXX_!!20333751.jpg[/img]);"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img02.taobaocdn.com/imgextra/i2/20333751/TB2eLtZbVXXXXcQXXXXXXXXXXXX_!!20333751.jpg[/img]);"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img04.taobaocdn.com/imgextra/i4/20333751/TB2G6pQbVXXXXbTXpXXXXXXXXXX_!!20333751.jpg[/img]);"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img01.taobaocdn.com/imgextra/i1/20333751/TB28_BZbVXXXXcyXXXXXXXXXXXX_!!20333751.jpg[/img]);"></a><a  target="_blank" class="ca-pic" style="width:1132px;height:295px;background-image:url([img]http://img03.taobaocdn.com/imgextra/i3/20333751/TB2yalUbVXXXXXAXpXXXXXXXXXX_!!20333751.jpg[/img]);"></a></div></div><div class="abs ca-nav xs-nav" style="height:143px;width:1129px;left:11.5px;bottom:-150px;"><a  target="_blank" class="thumb ca-active xs-active" style="line-height:139px;width:117px;height:139px;background-color:#4C4C4C;background-image:url([img]http://img02.taobaocdn.com/imgextra/i2/20333751/TB2Dnh6bVXXXXa2XXXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-color:#4C4C4C;background-image:url([img]http://img03.taobaocdn.com/imgextra/i3/20333751/TB2lJmXbVXXXXXpXXXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-color:#4C4C4C;background-image:url([img]http://img01.taobaocdn.com/imgextra/i1/20333751/TB2qShWbVXXXXcWXXXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url([img]http://img01.taobaocdn.com/imgextra/i1/20333751/TB2J1N2bVXXXXcoXXXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url([img]http://img01.taobaocdn.com/imgextra/i1/20333751/TB2gKRRbVXXXXbzXpXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url([img]http://img02.taobaocdn.com/imgextra/i2/20333751/TB2EPB9bVXXXXXYXXXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url([img]http://img02.taobaocdn.com/imgextra/i2/20333751/TB2.NlSbVXXXXapXpXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url([img]http://img03.taobaocdn.com/imgextra/i3/20333751/TB23L8SbVXXXXauXpXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a><a  target="_blank" class="thumb" style="line-height:139px;width:117px;height:139px;background-image:url([img]http://img04.taobaocdn.com/imgextra/i4/20333751/TB2hBJQbVXXXXcaXpXXXXXXXXXX_!!20333751.jpg[/img]);border-width:2px;border-style:solid;border-color:#FFFFFF;border-radius:6px;margin-left:5px;"></a></div></div></div></div></div></div></div></div></div>
    复制代码

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


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

  • TA的每日心情

    5 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

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

    QQ
    发表于 2015-3-3 12:35:22 | 显示全部楼层
    CSS代码也要拿出来的
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    大哭
    2015-12-9 08:52
  • 签到天数: 183 天

    连续签到: 2 天

    [LV.7]炉火纯青

    4

    主题

    254

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    22528

    发表于 2015-3-3 13:32:33 | 显示全部楼层
    路过打个酱油

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


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

  • TA的每日心情
    大哭
    2016-8-29 09:43
  • 签到天数: 352 天

    连续签到: 1 天

    [LV.8]自成一派

    7

    主题

    300

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    72061

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

    QQ
    发表于 2015-3-3 14:11:07 | 显示全部楼层
    小白路过
    人生的道路需要不断学习与进取!
  • TA的每日心情
    抱抱
    昨天 08:31
  • 签到天数: 675 天

    连续签到: 2 天

    [LV.9]已臻大成

    26

    主题

    2629

    帖子

    18万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    185078

    最佳新人热心会员活跃会员灌水之王

    QQ
    发表于 2015-3-3 14:47:45 | 显示全部楼层
    我就看看不说话

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-6 04:43 , Processed in 0.126739 second(s), 19 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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