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

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

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

相关教程

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

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

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

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

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

    人气:30571
  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

    人气:34730
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

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

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

    人气:38768
  • 活泼绚丽 清新蓝色 户外包包淘宝模板

    活泼绚丽 清新蓝色 户外包包淘宝模板

    人气:39477
  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

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

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

    人气:38793