快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 扶植版轮播图片效果的代码

扶植版轮播图片效果的代码

放大字体  缩小字体 发布日期:2024-02-25 21:57:02  来源:电商联盟  作者:乐发网  浏览次数: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像素,然后轮播框大小也做成图片一样的规格。

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

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

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 扶植版轮播图片效果的代码

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝店铺,天猫店铺背景固定的方法。 淘宝店铺装修如何实现全屏轮播
淘宝装修子账号设置流程
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问