新手開店,誰都想把自己的店裝修的很漂亮,同時還要少花錢,當然是不花錢最好了!!!我也是這么想的,所以我總去看別人的店鋪,看他們是怎么裝修的,每每看到標準版的輪播圖片我總是盯著看好半天,心里想這是怎么做的?
我的店鋪裝修里沒有輪播這個功能,原來扶植版不支持!!我很傷心!!心里就是忘不了它,幻想著有一天我的扶植版也能加上.......于是我開始用學過的軟件來試驗,經過我的努力終于讓我實現了!!!現在我就和大家來分享一下全過程!!!!
——————————華麗的分割線——————————
<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都可以
喜歡可以試一試哦~絕對是經典必備!!!
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 扶植版旺鋪輪播代碼怎么做