公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

扶植版装修的轮播图片代码

2015-07-28 12:01:13

        现在的淘宝旺铺装修版本有很多,有不少卖家使用的是扶植版。有些卖家可能会疑惑:想要做图片轮播,为店铺增色,但是不知道怎么做。其实,掌握了相关的代码,再把代码加到扶植版的图片轮播模块中,就可以了。这个代码怎么用呢,唯艺网店装修平台整理了一下,大家一起来看一下吧。

 

        代码如下:

        <div class="box J_TBox" >

        <div class="shop-slider">

        <div class="bd">

         <div class="slider-promo J_Slider J_TWidget" data-type="scroll" data-widget-type="Slide" style="height:700px;width:750px;" data-widget-config="     {'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">

         <ul class="lst-main">

         <li><a href="连接地址1" ><img src="图片地址" alt="" width="750" height="700" /></a></li>

         <li><a href="连接地址2" ><img src="图片地址" alt="" width="750" height="700" /></a></li>

         ……(ps:省略部分可以继续添加轮播图片)

         </ul>

         </div>

         </div>

         </div>

         </div>

 

          这个代码是不是看得一头雾水?毕竟每个店铺都不同,装修的时候也不能直接复杂粘贴就了事。首先,代码中的文字部分,是需要改成自己店铺的相应数据的。第一个700 、750,是指轮播框的高和宽。轮播图片的大小,最好用PS软件,做成统一的大小,宽度是750像素。轮播框也要做成跟图片大小一样的规格。链接地址呢,就是图片所指向的链接地址。图片地址打哪来,这个一般是指从图片空间来的地址。这段代码里,要把其中应该换,全换成自己对应的数据。

 

         店铺装修中需要使用的代码不少,如果新手卖家们觉得麻烦,可以在网上挑选一些现成的装修模板,简单易操作。当然,想要做有自己店铺特色的装修,还是要花些心思学习下相关的教程,亲力亲为的呢。


    本文出自唯艺网店装修平台(www.weiyi5.cc,转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 活力欧美 帅气男装 服装配件淘宝模板

    活力欧美 帅气男装 服装配件淘宝模板

    人气:40233
  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768
  • 香水珠宝 高贵雅致 化妆健美淘宝模板

    香水珠宝 高贵雅致 化妆健美淘宝模板

    人气:38793
  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 多彩数码 科技蓝调 手机数码网店模板

    多彩数码 科技蓝调 手机数码网店模板

    人气:46577
  • 好茶汇聚 素雅浅色 食品保健淘宝模板

    好茶汇聚 素雅浅色 食品保健淘宝模板

    人气:30571
  • 淡雅浅黄 简约风尚 女装女鞋淘宝模板

    淡雅浅黄 简约风尚 女装女鞋淘宝模板

    人气:48805
  • 春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    人气:1