淘宝图片轮播的效果

想让你的淘宝旺铺扶植版也有图片轮播的效果吗，很简单把下面淘宝扶植版轮播代码添加进旺铺扶植版的“图片轮播”模块，但如果我们要象淘宝首页，淘宝社区首页里面在某个局部区域实现图片轮播的功能可以吗？也许又有朋友会想到做成gif动画图片也可实现，但我要问，如果有很多张图片轮播岂不是要制成一个很大的动画，这样又会影响网页打开的速度。

下面图片轮播代码中

与

之间的代码为用户可以自定义修改的部分，为轮播的图片地址和超级连接地址信息。

中的“https://www.360docs.net/doc/5417958323.html,/201011/30/90221245122.jpg为图片地址。 淘巧好，好淘巧

第四行style="height:400px;" data-widget-config中的400px为图片高度设置




注意事项：




（1）轮播的几个图片一定要大小相同。




（2）适用范围：淘宝扶持版店铺、淘宝标准版旺铺、淘宝旗舰版旺铺、淘宝拓展版旺铺、淘宝商城。

• 
  
  


• 
  
  
  


• 
  
  
  

• 1


• 2


• 3

内容来自taoqao

——————————华丽的分割线——————————

WIDTH：指图片的长 HEIGHT：图片的高 内容来自taoqao

a href="超级链接地址" target="_blank在心的窗口打开 https://www.360docs.net/doc/5417958323.html,

img border="0" 图片的边框有无/"1"现实边框 "2"隐藏边框 src="图片地址" 换成自己的就OK了 内容来自taoqao

1

2

3

代表图片的数量,如果想添加4个就在写一个

4

和

就可以了


——————————华丽的分割线——————————





用这种js图片轮播可以节省自定义模块,还提供了页面的访问速度 本文来自淘巧

宽度和高度都是随意修改的想加几个就加几个,只要不超过20K都可以




喜欢可以试一试哦~绝对是经典必备！！

本篇文章来源于 淘巧网Taoqao|https://www.360docs.net/doc/5417958323.html, 原文链接：https://www.360docs.net/doc/5417958323.html,/taobaodaxue/taobaozhuangxiu/20110318/9017.html