自己动手制作个性图片轮播

时间: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

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...