代码怎么实现图片轮播?

插入到你要设置图片轮播的地方就可以啊
代码如下:

<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:400px;" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class="lst-main">
<li><a href="连接地址1" ><img src="http://mb2.yubaibai.com.cn/201011/30/F1221246343.jpg" alt="" /></a></li>
<li><a href="连接地址1" ><img src="http://mb2.yubaibai.com.cn/201011/30/90221245122.jpg" alt="" /></a></li>
<li><a href="连接地址1" ><img src="http://mb2.yubaibai.com.cn/201011/30/FD221246634.jpg" alt="" /></a></li>
</ul>
</div>
</div>
</div>
</div>

 

(四)代码详解
(1)其中<ul class=”lst-main”>与</ul>之间的代码为用户可以自定义修改的部分,为轮播的图片地址和超级连接地址信息。
<li><a href=”连接地址1″ ><img src=”http://mb2.yubaibai.com.cn/201011/30/90221245122.jpg” alt=”” /></a></li>
中的“http://mb2.yubaibai.com.cn/201011/30/90221245122.jpg为图片地址。href中商品的连接地址。
(2)第四行style=”height:400px;” data-widget-config中的400px为图片高度设置

原文:百度知道@129冰心

About: 钟水洲

官网:http://zhongshuizhou.com


发表评论

电子邮件地址不会被公开。 必填项已用*标注