淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10186|回复: 5
打印 上一主题 下一主题
收起左侧

[装修相关] 店招中怎么加入图片轮播

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

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    14

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    11932

    跳转到指定楼层
    受到警告 楼主
    发表于 2015-3-24 08:47:57 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
    像这样的代码怎么写。有人会吗。求分享

    12345.png (58.4 KB, 下载次数: 82)

    12345.png
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖 支持支持 反对反对

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


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

  • TA的每日心情

    2016-4-29 10:38
  • 签到天数: 210 天

    连续签到: 1 天

    [LV.7]炉火纯青

    19

    主题

    271

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    26315

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

    QQ
    沙发
    发表于 2015-3-24 09:20:32 | 只看该作者
    这是我以前发的关于店招轮播的帖子  看看有没有帮助
    http://www.taobaoux.com/forum.php?mod=viewthread&tid=15202
    我是大侠
  • TA的每日心情
    抱抱
    2015-12-17 15:05
  • 签到天数: 55 天

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    14

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    11932

    板凳
     楼主| 发表于 2015-3-24 09:42:51 | 只看该作者
    须淘王大人 发表于 2015-3-24 09:20
    这是我以前发的关于店招轮播的帖子  看看有没有帮助
    http://www.taobaoux.com/forum.php?mod=viewthread&ti ...

    thanks
    刚才也想到用码工的在线布局。
    就是脑子没转过弯。没想到你这样用td的方式来做。太笨了

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


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

  • TA的每日心情

    2016-4-29 10:38
  • 签到天数: 210 天

    连续签到: 1 天

    [LV.7]炉火纯青

    19

    主题

    271

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    26315

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

    QQ
    地板
    发表于 2015-3-24 10:04:10 | 只看该作者
    彬彬君子爱新衣 发表于 2015-3-24 09:42
    thanks
    刚才也想到用码工的在线布局。
    就是脑子没转过弯。没想到你这样用td的方式来做。太笨了{:soso_e10 ...

    哈哈  都有这样的时候

    我是大侠
  • TA的每日心情
    臭美
    2015-4-21 18:08
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初学乍练

    2

    主题

    7

    帖子

    2256

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2256

    5#
    发表于 2015-3-24 10:07:26 | 只看该作者
    http://junezx点com/2点0/  导入店招代码  然后加个轮播换下图片就OK了。。。不知道你的店铺能用不?

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


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

  • TA的每日心情
    抱抱
    2015-12-17 15:05
  • 签到天数: 55 天

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    14

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    11932

    6#
     楼主| 发表于 2015-3-29 10:03:31 | 只看该作者
    须淘王大人 发表于 2015-3-24 10:04
    哈哈  都有这样的时候

    在DW里用tr的方式加入码工在线布局的轮播。怎么会这样呢。代码弄到店招里去显示也是不对。没有左右按钮。
    这一部分的代码是
    1. <td width="260" height="120" align="left" valign="top" nowrap="nowrap"><div class="MaGong" data-title="来自淘宝代码生成网www.001daima.com" style="width:260px;height:120px;"><div class="most-footer footer-more-trigger" style="width:260px;height:120px;border:0;padding:0;top:auto;left:auto;background:none;"><div class="most-footer footer-more-trigger" style="width:260px;height:120px;border:0;padding:0;top:0;left:0;background:none;"><div class="most-footer footer-more-trigger" style="background:none;border:0;padding:0;width:260px;height:120px;top:auto;left:0px;background-color:;background-image:url();background-repeat:no-repeat;background-position:center top;background-attachment:scroll;">
    2. </div>
    3. <div class="most-footer footer-more-trigger" style="z-index:2;background:none;top:0px;left:0px;width:260px;height:120px;border:0;padding:0;">
    4.     <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'scrollx','easing':'elasticOut','circular':true,'autoplay':true,'contentCls':'ma_content_m','navCls':'ma_m','activeTriggerCls':'selected','duration':'3','prevBtnCls': 'prev_m', 'nextBtnCls': 'next_m'}" style="width:490px;height:300px;">
    5.         <div class="ma_box" style="width:260px;height:120px; overflow: hidden; position: relative;">
    6.             <div class="ma_content_m" style="position: absolute;">
    7.         <div style="width: 260px; height: 120px; overflow: hidden; display: block; opacity: 1; position: absolute; z-index: 1;"><a target="_blank" ><img src="http://img03.taobaocdn.com/imgextra/i3/21742452/TB20QvOcXXXXXahXpXXXXXXXXXX-21742452.jpg" style="width:260px;height:120px;"></a></div><div style="width: 260px; height: 120px; overflow: hidden; display: block; opacity: 1; position: absolute; z-index: 1;"><a target="_blank" ><img src="http://img02.taobaocdn.com/imgextra/i2/21742452/TB2lpfScXXXXXb.XXXXXXXXXXXX-21742452.jpg" style="width:260px;height:120px;"></a></div><div style="width: 260px; height: 120px; overflow: hidden; display: block; opacity: 1; position: absolute; z-index: 1;"><a target="_blank" ><img src="http://img02.taobaocdn.com/imgextra/i2/21742452/TB2RTrScXXXXXbLXXXXXXXXXXXX-21742452.jpg" style="width:260px;height:120px;"></a></div>
    8.             </div>
    9.         </div>
    10.         <ul class="ma_m" style="display:none;">
    11.       <li>0</li><li>1</li><li>2</li>
    12.         </ul>
    13.         <div class="prev_m most-footer footer-more-trigger" style="display:block;background:none;border:0;padding:0;z-index:99;left:0px;top:0px;width:40px;height:40px;background:url(http://img04.taobaocdn.com/imgextra/i4/867101640/TB2L.RNapXXXXclXXXXXXXXXXXX-867101640.png);cursor:pointer;">
    14.         </div>
    15.         <div class="next_m most-footer footer-more-trigger" style="display:block;background:none;border:0;padding:0;z-index:99;left:40px;top:0px;width:40px;height:40px;background:url(http://img01.taobaocdn.com/imgextra/i1/867101640/TB2lIXKapXXXXaWXpXXXXXXXXXX-867101640.png);cursor:pointer;">
    16.         </div>
    17.     </div>
    18. </div>
    19. </div></div></div></td>
    复制代码



    QQ截图20150329095934.png (59.15 KB, 下载次数: 14)

    QQ截图20150329095934.png

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-11 19:59 , Processed in 0.174108 second(s), 18 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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