圖片輪播展示在淘寶旺鋪裝修被廣泛應用，此款源碼比較簡單，圖片輪播展示可以用作寬幅廣告條等展示。 如何實現幾個圖的圖片輪播？下面制作圖片輪播，代碼看似復雜，其實操作非常簡單，給點耐心！
圖片輪播代碼：
可能有些人還沒有接觸過代碼，看起來會覺得枯燥無味，一頭霧水，其實很簡單，只要根據自己的設計 需要，設置以下紅色中文字體部分的屬性。再次強調，只需要修改紅色中文字體部分！
<DIV class=custom-area>
<DIV style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH:輸入輪播圖片的寬度px; HEIGHT: 輸入輪播圖片的高度px; TEXT-ALIGN: center">
<DIV class="slider-promo J_Slider J_TWidget tb-slide" style="HEIGHT: 輸 入輪播圖片的高度px" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget- type="Slide">
<ul class="lst-main tb-slide-list" style="HEIGHT: 輸入輪播圖片的高度 px">
<li style="DISPLAY: block; Z-INDEX: 9; LEFT: 0px; TOP: 0px; opacity: 0.6"><A href="點擊第1張輪播圖片前往的地址" target=_blank data-attr- replace="[{'type':'href','desc':'輪播圖片1點擊地址'}]"><img height=輸入輪播圖片的高度 alt="" src="第1張輪播圖片的網絡地址" data-attr-replace=" [{'type':'src','desc':'圖片連接地址1'}]"></A>
<li style="DISPLAY: block; Z-INDEX: 1; LEFT: 0px; TOP: 0px; opacity: 1"><A href="點擊第2張輪播圖片前往的地址" target=_blank data-attr- replace="[{'type':'href','desc':'輪播圖片2點擊地址'}]"><img height=輸入輪播圖片的高度 alt="" src="第2張輪播圖片的網絡地址" data-attr-replace=" [{'type':'src','desc':'圖片連接地址2'}]"></A>
<li style="DISPLAY: block; Z-INDEX: 1; LEFT: 0px; TOP: 0px; opacity: 0"><A href="點擊第3張輪播圖片前往的地址" target=_blank data-attr- replace="[{'type':'href','desc':'輪播圖片3點擊地址'}]"><img height=輸入輪播圖片的高度 alt="" src="第3張輪播圖片的網絡地址" data-attr-replace=" [{'type':'src','desc':'圖片連接地址3'}]"></A> </li></ul><ul class=lst-trigger>
<li>1
<li class=current>2
<li>3 </li></ul></DIV></DIV></DIV>
編輯好圖片輪播代碼后復制代碼，回到DW中。
備注：此代碼扶植版、旺鋪、拓展版等都可用??！自己根據需要調整屬性就行了！扶植版沒有免費的圖 片輪播，有了這代碼就可以實現輪播啦！趕快試試吧！這個是淘寶圖片輪播代碼，現在分享給大家，希望像 我一樣在學習的新手少走彎路，我們一起努力！
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 淘寶旺鋪裝修之實現圖片輪播展示(代碼教程)
