想让你的淘宝旺铺扶持版也是有轮播图的功效吗,非常简单把下边淘宝网扶持版轮播代码加上进店辅扶持版的“轮播图”控制模块,但如果我们要象淘宝主页,淘宝社区主页里边在某一部分地区完成轮播图的功能可以吗?或许又有好朋友会想起制成gif动画照片也可以完成,但我要问,假如有许多张轮播图难道不是要做成一个较大的动漫,那样又危害网页打开的速率。
下边图片轮播代码中<ul class="lst-main">与</ul>中间的编码为消费者能够自定改动的一些,为滚屏的图片地址和非常联接地址信息。
<li><a href="http://mb2.yubaibai.com.cn/201011/30/90221245122.jpg" alt="" /></a></li>
里的“http://mb2.yubaibai.com.cn/201011/30/90221245122.jpg为图片地址。
第四行style="height:400px;" data-widget-config里的400px为照片相对高度设定
常见问题:
(1)滚屏的多个照片一定要尺寸同样。
(2)应用领域:淘宝网帮扶版店面、淘宝网专业版店辅、淘宝网旗舰型店辅、淘宝网扩展版店辅、淘宝网。
<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" src="图片地址" width="347" height="267"></a>
</li>
<li>
<a href="超链接详细地址" target="_blank">
<img border="0" src="图片地址" width="347" height="267"></a>
</li>
<li>
<a href="超链接详细地址" target="_blank">
<img border="0" src="图片地址" 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"掩藏外框 src="图片地址" 换为自身就OK了
<li>1 </li><li>2 </li><li>3 </li>意味着照片的总数,如果要加上4个就在写一个<li>4 </li>和
<li><a href="超链接详细地址" target="_blank"> <img border="0" src="图片地址" width="347" height="267"></a></li>就可以了
——————————绮丽的分隔线——————————
用这类js图片轮播能够节约自定控制模块,还带来了网页页面的网站打开速度
宽和极度全是随便改动的想加好多个就加几个,只需不得超过20K都能够
喜爱能够试一试哦~绝对是传统必不可少!!!