自己动手制作个性图片轮播
时间:2011-06-06 09:36 | 来源:淘宝论坛 | 作者:Zoro | 浏览: 1742 |
扶植版旺铺想要图片轮播吗?能实现吗?
拓展版旺铺的图片轮播能更个性化吗?
答案是肯定的
先上个图片为最后的展示:
废话少说,毛衣大哥在此为你详细解说制作过程。
1.首先把以下代码部份复制到记事本,并作相应的改动。
-----------------------------------------------------------------------
<DIV class="box J_TBox">
<DIV class=shop-slider>
<DIV class=bd>
<DIV class="slider-promo J_Slider J_TWidget" style="HEIGHT: 450px" data-type="scrolly" data-widget-type="Slide" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class=lst-main>
<li><A href="http://design.taobao.com/common/#" target=_blank><img src="图片地址1" border=0></A><br><br>
<li><A href="http://design.taobao.com/common/#" target=_blank><img src="图片地址2" border=0></A><br><br>
<li><A href="http://design.taobao.com/common/#" target=_blank><img src="图片地址3" border=0></A></li></ul></DIV></DIV></DIV></DIV></TABLE>
---------------------------------------------------------------------------------------
代码部份解说:代码部份中红色部份是点击图片要到达的链接,蓝色部份是要显示的图片地址。图片幅数可以随意加减,要几个加几个<li></li>之间的内容就行了。style="HEIGHT: 450px" 这是控制图片高度的代码。
2.修改好代码了后,到店铺装修中添加代码。
A
B
C
D
E
F
G
觉得本文有用? |