淘宝店铺装修
扶植版轮播图片效果的代码
2024-02-25  浏览:30

想让你的淘宝旺铺扶植版也有图片轮播的效果吗,很简单把下面淘宝扶植版轮播代码添加进旺铺扶植版的图片轮播模块,这为我们的店铺增色不少。扶植版轮播图片效果的代码:

<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像素,然后轮播框大小也做成图片一样的规格。

连接地址:就是指图片指向的链接地址,图片地址:是指从图片空间来的地址。

把其中的应该换的全换成你自己对应的数据〖上面有说明〗。这行代码表示一张图,您想要放几张图就做几行这代码就行了哦。

发表评论
0评