淘寶滾動海報代碼

1. 淘寶首頁的全屏海報裝修方法

裝修方法步驟如下：
1,進入裝修後台的圖片空間,將你選擇要輪播的海報上傳上去。

2,打開之前在網上下載的那段輪播海報代碼。

選擇編輯——替換,將原代碼中的500全部替換為海報高度,然後將這段代碼復制下來。
3,進入店鋪裝修頁面,在主屏的第一屏海報位置新建一個自定義頁面，點擊，切換到代碼模式。
4,將之前復制的那段代碼黏貼上去。找到代碼中的圖片鏈接部分。

5,再次進入圖片空間,將大圖海報的鏈接地址復制下來。替換到原來的代碼的圖片鏈接位置。

6,代碼都改完之後,按回到圖片模式,這時候會發現什麼圖都看不到。不用擔心,點擊預覽或者發布,就能看到全屏輪播海報效果啦。

附上全屏輪播海報代碼：
<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1365065449925fu'}" data-widget-type="Tabs">
<div class="piao1365065449925fu" style="height: 500px;">
<div class="J_TWidget" data-widget-config="{ 'contentCls': 'slide-kun1365065449925content', 'triggerCls': 'slide-kun1365065449925triggers', 'navCls': 'slide-kun1365065449925triggers', 'triggerType': 'mouse', 'effect': 'scrollx', 'prevBtnCls':'prev', 'nextBtnCls':'next', 'steps': 1, 'autoplay': true, 'viewSize':[1920], 'circular': true }" data-widget-type="Carousel" style="margin: 0px; padding: 0px; left: -180px; top: 0px; width: 1920px; z-index: 10;">
<div class="J_TWidget" data-widget-config="{'trigger':'.first1365065449925trigger','align':{'node':'.first1365065449925trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none;">
<div class="prev" style="width: 90px; height: 90px; float: left;">
<img data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/725308504/T23AgjXgNbXXXXXXXX_!!725308504.png" /></div>
<div class="next" style="width: 90px; height: 90px; margin-left: 950px;">
<img data-ks-lazyload="http://img01.taobaocdn.com/imgextra/i1/725308504/T24F7ZXX0aXXXXXXXX_!!725308504.png" /></div>
</div>
<div class="first1365065449925trigger" style="margin: 0px; padding: 0px; width: 1920px; height: 500px; overflow: hidden;">
<ul class="slide-kun1365065449925content" style="margin: 0px; padding: 0px; width: 1920px; height: 500px;">
<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">
<a href="http://chenruimy.tmall.com/?&&scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/725308504/T2MRIYXhVaXXXXXXXX_!!725308504.jpg" height="500" width="1920" /></a></li>
<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">
<a href="http://chenruimy.tmall.com/?&&scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/725308504/T22tsZXldXXXXXXXXX_!!725308504.jpg" height="500" width="1920" /></a></li>
<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">
<a href="http://chenruimy.tmall.com/?&&scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/725308504/T2i0uMXoVbXXXXXXXX_!!725308504.jpg" height="500" width="1920" /></a></li>
<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">
<a href="http://chenruimy.tmall.com/?&&scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/725308504/T2RhcZXcVXXXXXXXXX_!!725308504.jpg" height="500" width="1920" /></a></li>
</ul>
</div>
<ul class="slide-kun1365065449925triggers" style="margin: 0px; padding: 0px; display: none;">
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>
</div>
</div>

2. 求淘寶通屏海報代碼

<div class="shiyan" style="width:1920px;height:5508px;">
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:5508px;padding:0px;border:0;left:50%;top:auto;">
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:5508px;padding:0px;border:0;left:-960px;top:0px;z-index:9;">

</div>
</div>
</div>

3. 求解淘寶店鋪全屏海報圖片輪播css代碼

<div class="J_TWidget mypoper" data-widget-config="{'effect': 'fade','circular': true ,'contentCls':'sj-t','navCls':'sj-n','autoplay':'true'}" data-widget-type="Tabs" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">
<div class="sj-t">
<div class="J_TWidget" data-widget-config="{'contentCls': 'sj-content','navCls': 'sj-n','triggerType': 'click','effect': 'fade','steps': 1,'autoplay': true,'circular': true ,'prevBtnCls':'prev','nextBtnCls':'next'}" data-widget-type="Carousel">
<div class="pa2">
<div class="J_TWidget" data-widget-config="{'trigger':'.sj-content', 'align':{'node':'.mypoper', 'offset':[0,0], 'points':['cl','cl'] } }" data-widget-type="Popup" style="width:950px;display:none;">
<div class="ks-contentbox" style="padding-bottom:0px;margin:0px;padding-left:0px;width:950px;padding-right:0px;padding-top:0px;left:0px;">
<div class="prev" style="float:left;margin-left:50px;">
<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>
<div class="next" style="float:right;margin-right:50px;">
<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>
</div>
</div>
<ul class="sj-content" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">
<a target="_blank"><img data-ks-lazyload="
圖片地址" /></a></li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">
<a target="_blank"><img data-ks-lazyload="
圖片地址" /></a></li>
</ul>
</div>
<div style="width:1920px;display:none;height:0px;overflow:hidden;">
<ul class="sj-t" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:50px;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:black;float:left;height:600px;padding-top:0px;">
</li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:#F8C;float:left;height:8600px;padding-top:0px;">
</li>
</ul>
</div>
<ul class="sj-n" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:none;height:1px;padding-top:0px;">

單詞解釋： width:1440px 這個是圖片寬度，親們可以自己設置多少。
height:600px 這個是圖片高度，也是親們自己設置。
left:-250px 這個是水平位置，圖片插入進去沒居中的，親們就慢慢增加或者減少數字，就可以調到居中的哈。有什麼問題再密我。

4. 我有淘寶輪播的兩張海報,尺寸是1920*500的,可以告訴我全屏的代碼怎麼做嗎

<div class="ocn J_TWidget style_2 lunboz_950" data-widget-config="{'effect':'scrollx','easing':'easeBothStrong','ration':0.5,'interval':4, 'autoplay':true,'circular':true, 'prevBtnCls':'prev', 'nextBtnCls':'next', 'contentCls': 'o_con', 'navCls':'o_nav','activeTriggerCls': 'selected'}" data-widget-type="Carousel" style="width:950px;height:500px;position:relative;overflow:hidden;" data-title="">
<ul class="o_con" style="width:950px;height:500px;overflow:hidden;">
<li style="width:950px;height:500px;">
<span>
<a href="" style="width:950px;height:500px;display:block;" target="_blank">
<img src="圖片地址" style="width:950px;height:500px;">
</a>
</span>
</li>
<li style="width:950px;height:500px;">
<span>
<a href="" style="width:950px;height:500px;display:block;" target="_blank">
<img src="圖片地址" style="width:950px;height:500px;">
</a>
</span>
</li>
</ul>
</div>
希望可以採納！