免费淘宝店铺图片轮播代码，扶植版、标准版、拓展版都可用！！

 

      更多精彩内容请点击

<DIV class="slider-promo J_Slider J_TWidget tb-slide" style="HEIGHT: 400px" data-widget-config="{'effect':'fade',

'contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide">

<ul class="lst-main tb-slide-list" style="HEIGHT: 400px">

<li><A target=_blank href="宝贝链接"><img height=400 alt="" src="图片地址"></A></li>

 
<li><A target=_blank href="宝贝链接"><img height=400 alt="" src="图片地址"></A></li>

<li><A target=_blank href="宝贝链接"><img height=400 alt="" src="图片地址"></A></li>

<li><A target=_blank href="宝贝链接"><img height=400 alt="" src="图片地址"></A></li></ul>
<ul class=lst-trigger>
<li>1</li><li>2</li><li>3</li><li>4</li></ul></DIV></DIV>

 

以上代码仅供学习之用！淘宝有时候会屏蔽的部分代码，会出现图片右下角不显示数字的情况！！不过可能过一段时间就会恢复的。

其实很简单  上面代码的红色汉字部分

就是要被替换掉的放链接的地方

前面的“宝贝链接”就是你宝贝的链接地址 

后面的“图片地址”就是你想要显示的图片的地址，在这里需要解释一下，本轮播代码里面图片的默认高度是400像素，所以你做图片的时候必须根据自己的放置位置，相应的设置图片的宽度，比如扶植版自定义区宽度是750像素，所以你做图片的时候就要做成750×400。如果你通栏的那种就得做成900×400。不然发布的时候会相应的给你拉伸或缩小的，

 

轮播的翻页效果是渐变，虽然图片轮播没有flash好看

不过这个感觉效果也不错，重点是好学，而且还不用花大洋买淘宝的flash功能，

把代码直接复制到自定义模块中，填好你的链接地址和图片的连接地址

发布就好了  嘿嘿

 

 

更多精彩内容请点击