淘寶裝修免費模板發(fā)現(xiàn)很多人都喜歡淘寶圖片輪播，我們在逛論壇的時候也發(fā)現(xiàn)好多網(wǎng)店都運用到了這一點，在這里淘寶學堂和大家分享一個通用的淘寶圖片輪播代碼，只要是淘寶旺鋪均可使用，該代碼可單獨使用，也可以嵌套在自己的模板中，代碼可以左側(cè)自定義、右側(cè)自定義、中間自定義模塊。

第一：淘寶輪播代碼漸變效果

div class=slider-promo J_Slider J_TWidget data-widget-config={"effect":"fade","contentCls": "lst-main", "navCls": "lst-trigger", "activeTriggerCls": "current"} data-widget-type=Slide data-type=fade
pnbsp;/p
pnbsp;/p
ul class=lst-main
pnbsp;/p
pnbsp;/p
lia target=_blank href=商品連接地址img alt= src=圖片地址 //a
pnbsp;/p
pnbsp;/p
/li
lia target=_blank href=商品連接地址img alt= src=圖片地址 //a
pnbsp;/p
pnbsp;/p
/li
/ul
/div

第二：淘寶圖片輪播展示上下變換效果代碼

Table width=750

DIV class=box J_TBox
DIV class=shop-slider
DIV class=bd
DIV class=slider-promo J_Slider J_TWidget style=HEIGHT: 450px data-type=scrolly data-widget-type=Slide data-widget-config={"effect":"scrolly","contentCls": "lst-main", "navCls": "lst-trigger", "activeTriggerCls": "current"}
ul class=lst-main
liA href=#target=_blankimg src=!!86206975.jpg border=0/Abrbr
liA href=#target=_blankimg src=!!86206975.jpg border=0/Abrbr
liA href=#target=_blankimg src=!!86206975.jpg border=0/A/li/ul/DIV/DIV/DIV/DIV/Table

注意：此模式圖片寬度不能小于750像素，否則留白很大。代碼中藍色部分為圖片地址，可以替換自己制作的存放在圖片空間中的輪播圖。紅色部分為圖片所示寶貝的詳情頁面。

備注：此代碼在IE瀏覽器上不能復制時，可選擇其他瀏覽器，比如谷歌瀏覽器。