圖片輪播展示在淘寶旺鋪裝修被廣泛應(yīng)用,此款源碼比較簡(jiǎn)單,圖片輪播展示可以用作寬幅廣告條等展示。 如何實(shí)現(xiàn)幾個(gè)圖的圖片輪播?下面制作圖片輪播,代碼看似復(fù)雜,其實(shí)操作非常簡(jiǎn)單,給點(diǎn)耐心!
圖片輪播代碼:
可能有些人還沒(méi)有接觸過(guò)代碼,看起來(lái)會(huì)覺(jué)得枯燥無(wú)味,一頭霧水,其實(shí)很簡(jiǎn)單,只要根據(jù)自己的設(shè)計(jì) 需要,設(shè)置以下紅色中文字體部分的屬性。再次強(qiáng)調(diào),只需要修改紅色中文字體部分!
<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="點(diǎn)擊第1張輪播圖片前往的地址" target=_blank data-attr- replace="[{'type':'href','desc':'輪播圖片1點(diǎn)擊地址'}]"><img height=輸入輪播圖片的高度 alt="" src="第1張輪播圖片的網(wǎng)絡(luò)地址" data-attr-replace=" [{'type':'src','desc':'圖片連接地址1'}]"></A>
<li style="DISPLAY: block; Z-INDEX: 1; LEFT: 0px; TOP: 0px; opacity: 1"><A href="點(diǎn)擊第2張輪播圖片前往的地址" target=_blank data-attr- replace="[{'type':'href','desc':'輪播圖片2點(diǎn)擊地址'}]"><img height=輸入輪播圖片的高度 alt="" src="第2張輪播圖片的網(wǎng)絡(luò)地址" data-attr-replace=" [{'type':'src','desc':'圖片連接地址2'}]"></A>
<li style="DISPLAY: block; Z-INDEX: 1; LEFT: 0px; TOP: 0px; opacity: 0"><A href="點(diǎn)擊第3張輪播圖片前往的地址" target=_blank data-attr- replace="[{'type':'href','desc':'輪播圖片3點(diǎn)擊地址'}]"><img height=輸入輪播圖片的高度 alt="" src="第3張輪播圖片的網(wǎng)絡(luò)地址" 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>
編輯好圖片輪播代碼后復(fù)制代碼,回到DW中。
備注:此代碼扶植版、旺鋪、拓展版等都可用??!自己根據(jù)需要調(diào)整屬性就行了!扶植版沒(méi)有免費(fèi)的圖 片輪播,有了這代碼就可以實(shí)現(xiàn)輪播啦!趕快試試吧!這個(gè)是淘寶圖片輪播代碼,現(xiàn)在分享給大家,希望像 我一樣在學(xué)習(xí)的新手少走彎路,我們一起努力!
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源: 淘寶旺鋪裝修之實(shí)現(xiàn)圖片輪播展示(代碼教程)