很多人都喜欢淘宝图片轮播，我们在逛论坛的时候也发现好多店铺都运用到了这一点，在这里和大家分享一个通用的淘宝图片轮播代码，只要是淘宝旺铺均可使用，该代码可单独使用，也可以嵌套在自己的模板中，代码可以左侧自定义、右侧自定义、中间自定义模块。

第一：淘宝轮播代码渐变效果

<DIV data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="fade">

<ul class=lst-main>

<li><A href="商品链接地址" target=_blank><img alt="" src="图片地址"></A></li><li><A href="商品链接地址" target=_blank><img alt="" src="图片地址"></A></li></ul></DIV>

格式：

<DIV data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="fade">

<ul class=lst-main>

<li><A href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li>

<li><A href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li>

</ul></DIV>

第二：淘宝图片轮播展示上下变换效果代码

<DIV data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="scroll">

<ul class=lst-main>

<li><A href="商品链接地址" target=_blank><img alt="" src="图片地址"></A></li><li><A href="商品链接地址" target=_blank><img alt="" src="图片地址"></A></li></ul></DIV>

格式：

<DIV data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="scroll">

<ul class=lst-main>

<li><A href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li>

<li><A href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li>

</ul></DIV>

以上就是淘宝图片轮播代码的全部内容，由卖家网编辑收集整理发布,希望能帮助到更多的淘宝店长,转载此文请注明。如需查看宝贝排名监控、店铺监控、关键词分析、行业数据分析等淘宝数据分析业务请上卖家网。