分享

【装修讲坛】自己动手制作个性图片轮播

 服务器维修维护 2011-06-24
【装修讲坛】自己动手制作个性图片轮播
8921 阅读|378 回复
发表于 2011-06-01 15:44| 只看楼主 楼主

扶植版旺铺想要图片轮播吗?能实现吗?

拓展版旺铺的图片轮播能更个性化吗?

答案是肯定的/

先上个图片为最后的展示:

 

废话少说,毛衣大哥在此为你详细解说制作过程。

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="http://img01./imgextra/i1/86206975/T2SaJpXcXMXXXXXXXX_!!86206975.jpg" border=0></A><br><br>
<li><A href="http://design.taobao.com/common/#" target=_blank><img src="http://img04./imgextra/i4/86206975/T2QbXpXddMXXXXXXXX_!!86206975.jpg" border=0></A><br><br>
<li><A href="http://design.taobao.com/common/#" target=_blank><img src="http://img03./imgextra/i3/86206975/T2uaJpXeFMXXXXXXXX_!!86206975.jpg" border=0></A></li></ul></DIV></DIV></DIV></DIV></TABLE>

 

---------------------------------------------------------------------------------------

代码部份解说:代码部份中红色部份是点击图片要到达的链接,蓝色部份是要显示的图片地址。图片幅数可以随意加减,要几个加几个<li></li>之间的内容就行了。style="HEIGHT: 450px" 这是控制图片高度的代码。

 

2.修改好代码了后,到店铺装修中添加代码。

  

 A

 

 

C

 

 

 D

 

 

 E

 

 

 F

 

 

G

 

 

呵呵~是不是很简单?赶紧去自己动手作一个吧

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约