想讓你的淘寶旺鋪扶植版也有圖片輪播的效果嗎,很簡單把下面淘寶扶植版輪播代碼添加進旺鋪扶植版的圖片輪播模塊,這為我們的店鋪增色不少。扶植版輪播圖片效果的代碼:
<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:700px;width:750px;" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class="lst-main">
<li><a href="連接地址1" ><img src="圖片地址" alt=""width="750"height="700" /></a></li>
<li><a href="連接地址2" ><img src="圖片地址"alt=""width="750"height="700"/></a></li>
……(ps:省略部分可以繼續添加輪播圖片)
</ul>
</div>
</div>
</div>
</div>
說明如下:
文字部分全是需要改成自己相應的數據的。
最前面那個:700 750是指輪播框的高,寬。下面兩個750 700是指圖片的寬和高。我個人建議,將需要輪播的圖片大小用PS做成統一大小的,最好為寬度為750像素,然后輪播框大小也做成圖片一樣的規格。
連接地址:就是指圖片指向的鏈接地址,圖片地址:是指從圖片空間來的地址。
把其中的應該換的全換成你自己對應的數據〖上面有說明〗。這行代碼表示一張圖,您想要放幾張圖就做幾行這代碼就行了哦。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 扶植版輪播圖片效果的代碼