一般大家装修，一是自己会做平面设计，会编网页程序的，自己来设计，或者为了让店铺更专业漂亮，请专业人员来设计，有的加入声音装修，去魅力造音录制自己的有声店铺宣传等等，最好自己是一个专业网页设计师。新手开店，谁都想把自己的店装修的很漂亮,同时还要少花钱，当然是不花钱最好了！！！我也是这么想的，所以我总去看别人的店铺，看他们是怎么装修的，每每看到标准版的轮播图片我总是盯着看好半天，心里想这是怎么做的？
我的店铺装修里没有轮播这个功能，原来扶植版不支持！！我很伤心！！心里就是忘不了它，幻想着有一天我的扶植版也能加上.......于是我开始用学过的软件来试验，经过我的努力终于让我实现了！！！现在我就和大家来分享一下全过程！！！！
——————————华丽的分割线——————————
<div class="bd">
<div style="WIDTH: 347px; HEIGHT: 267px" class="slider-promo J_Slider tb-slide">
<ul style="HEIGHT: 267px">
<li><a href="超级链接地址" target="_blank">
<img border="0" class='lazyload' src='/images/noimg.jpg' data-original="图片地址" width="347" height="267"></a>
</li>
<li>
<a href="超级链接地址" target="_blank">
<img border="0" class='lazyload' src='/images/noimg.jpg' data-original="图片地址" width="347" height="267"></a>
</li>
<li>
<a href="超级链接地址" target="_blank">
<img border="0" class='lazyload' src='/images/noimg.jpg' data-original="图片地址" width="347" height="267"></a>
</li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
</ul>
</div>
</div>
——————————华丽的分割线——————————
WIDTH：指图片的长 HEIGHT：图片的高
a href="超级链接地址" target="_blank在心的窗口打开
img border="0" 图片的边框有无/"1"现实边框 "2"隐藏边框 class='lazyload' src='/images/noimg.jpg' data-original="图片地址" 换成自己的就OK了
<li>1 </li><li>2 </li><li>3 </li>代表图片的数量,如果想添加4个就在写一个<li>4 </li>和
<li><a href="超级链接地址" target="_blank"> <img border="0" class='lazyload' src='/images/noimg.jpg' data-original="图片地址" width="347" height="267"></a></li>就可以了
——————————华丽的分割线——————————
用这种js图片轮播可以节省自定义模块,还提供了页面的访问速度
宽度和高度都是随意修改的想加几个就加几个,只要不超过20K都可以
喜欢可以试一试哦~绝对是经典必备！！！
本文整理于互联网，如有侵权，请联系email：kf@53shop.com 进行删除处理。
