淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 708|回复: 5
收起左侧

[装修相关] 求助!为什么做出滚动条后,图片不见了.求大神看看哪里错

[复制链接]

该用户从未签到

2

主题

6

帖子

5642

积分

注册会员

阅读权限: 20

Rank: 2

积分
5642

发表于 2016-2-20 13:41:41 | 显示全部楼层 |阅读模式


  1. <div class="MaGong" data-title="1" style="width:950px;height:300px;">
  2.     <div class="footer-more footer-more-trigger" style="width:950px;height:300px;border:0;padding:0;top:auto;left:auto;background:none;">
  3.     <div data-widget-config="{'contentCls': 'dmcontent','navCls': 'dms','duration':0.8,'interval':4,'autoplay':true,'triggerType':'mouse','circular':true,'effect': 'scrollx','easing': 'easeIn','prevBtnCls':'prev','nextBtnCls':'next','autoplay': true,'viewSize':[800],'activeTriggerCls': 'hidden'}" data-widget-type="Carousel" class="J_TWidget">
  4.       
  5. <div class="footer-more footer-more-trigger" style="height:300px;width:800px;top:0px;left:0px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;z-index:9">
  6.   <ul class="dmcontent" style="height:300px;width:800px;padding:0px;margin:0px;">
  7.     <li class="item"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB279KGkpXXXXbZXXXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2AaCykpXXXXboXpXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2H_WAkpXXXXaRXpXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB279KGkpXXXXbZXXXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2AaCykpXXXXboXpXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2H_WAkpXXXXaRXpXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB279KGkpXXXXbZXXXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2AaCykpXXXXboXpXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2H_WAkpXXXXaRXpXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB279KGkpXXXXbZXXXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2AaCykpXXXXboXpXXXXXXXXXX_!!415496134.jpg"></li><li class="item"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2H_WAkpXXXXaRXpXXXXXXXXXX_!!415496134.jpg"></li>
  8.   </ul>
  9. </div>
  10. <div class="footer-more footer-more-trigger" style="height:300px;width:150px;top:0px;left:800px;overflow: auto;padding:0px;margin:0px;border:0;overflow-y: scroll;overflow-x:hidden;background:none;">
  11. <ul class="dms footer-more footer-more-trigger" style="height:300px;width:849px;top:4px;left:99px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;z-index:99;">
  12. <li class="footer-more footer-more-trigger hidden" style="height:38px;width:150px;top:0px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2kZ7njXXXXXcpXXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:38px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i4/415496134/TB2N67bjXXXXXaiXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:76px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2AIr3jXXXXXcKXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:114px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB2qxUkjXXXXXcTXXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:152px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2zrIhjXXXXXXqXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:190px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2ulY6jXXXXXb2XpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:228px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB2r0b5jXXXXXcdXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:266px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2Bi.hjXXXXXXJXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:304px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2kYcqjXXXXXbMXXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:342px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2Bs65jXXXXXb8XpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:380px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2EoIojXXXXXcaXXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:418px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2V9spjXXXXXbFXXXXXXXXXXXX_!!415496134.jpg"></li></ul>
  13. <ul class="footer-more footer-more-trigger" style="height:42px;width:849px;top:4px;left:99px;display:block;background:none;margin:0;cursor:pointer;padding:0;z-index: 90;border: 0;"><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:0px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2ZWb5jXXXXXcXXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:38px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2If3AjXXXXXXzXXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:76px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i4/415496134/TB2soMqjXXXXXbQXXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:114px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i4/415496134/TB2KZUfjXXXXXXQXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:152px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB29RQzjXXXXXX8XXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:190px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i4/415496134/TB2yKsijXXXXXXcXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:228px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB2ZKcqjXXXXXb4XXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:266px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i4/415496134/TB2TSv9jXXXXXbgXpXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:304px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i3/415496134/TB2DCABjXXXXXXEXXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:342px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB2D1oBjXXXXXXCXXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:380px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i2/415496134/TB2VXwsjXXXXXa8XXXXXXXXXXXX_!!415496134.jpg"></li><li class="footer-more footer-more-trigger" style="height:38px;width:150px;top:418px;left:700px;display:block;background:none;margin:0;cursor:pointer;padding:0;border: 0;"><img src="https://img.alicdn.com/imgextra/i1/415496134/TB2BfsyjXXXXXahXXXXXXXXXXXX_!!415496134.jpg"></li></ul></div>
  14.     </div>
  15.     </div>
  16. </div>
复制代码

求大神帮忙看看哪里错了,我不太懂!为什么滚动条有了,但是图片会不见了 QQ截图20160220133617.jpg


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


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

  • TA的每日心情
    抱抱
    昨天 09:25
  • 签到天数: 112 天

    连续签到: 2 天

    [LV.6]渐入佳境

    28

    主题

    412

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21613

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

    QQ
    发表于 2016-2-20 14:02:11 | 显示全部楼层
    淘宝美工论坛-汇聚淘宝美工高端人才

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


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

  • TA的每日心情
    抱抱
    2016-11-16 17:20
  • 签到天数: 281 天

    连续签到: 1 天

    [LV.8]自成一派

    32

    主题

    2817

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45070

    最佳新人热心会员

    QQ
    发表于 2016-2-20 14:19:48 | 显示全部楼层
    大神拜年还没回来,你要等多几天!
    最好的我遇见最美的你,可是我们却隔了一整个青春!http://shop111472591.taobao.com
  • TA的每日心情
    大哭
    前天 17:27
  • 签到天数: 720 天

    连续签到: 1 天

    [LV.9]已臻大成

    32

    主题

    742

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    135438

    最佳新人热心会员

    QQ
    发表于 2016-2-20 15:14:13 | 显示全部楼层
    码工生成的。。去码工的论坛问多好
    http://eyunsj.taobao.com/个人接单淘宝主页
  • TA的每日心情
    加油
    2 小时前
  • 签到天数: 1104 天

    连续签到: 5 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    28万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    280222

    发表于 2016-2-20 15:29:03 | 显示全部楼层
    又是哪个代码生成工具生成的吧。。。
    都是用footer-more-trigger来进行定位,
    不是正规的代码写法,难免会出问题。

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


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

  • TA的每日心情
    无奈
    2016-3-11 08:40
  • 签到天数: 6 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    34

    帖子

    1430

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1430

    发表于 2016-2-21 08:47:43 | 显示全部楼层
    表示看不懂

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-11 20:02 , Processed in 0.205819 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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