想让你的淘宝旺铺扶植版也有图片轮播的效果吗,很简单把下面淘宝扶植版轮播代码添加进旺铺扶植版的图片轮播模块,这为我们的店铺增色不少。扶植版轮播图片效果的代码:
<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是指轮播框的高,宽。下面两个750 700是指图片的宽和高。我个人建议,将需要轮播的图片大小用PS做成统一大小的,最好为宽度为750像素,然后轮播框大小也做成图片一样的规格。
连接地址:就是指图片指向的链接地址,图片地址:是指从图片空间来的地址。
把其中的应该换的全换成你自己对应的数据〖上面有说明〗。这行代码表示一张图,您想要放几张图就做几行这代码就行了哦。
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源: 扶植版轮播图片效果的代码