淘宝店铺装修全屏轮播模版代码

1. <div class="main" style="background:#FFF;height:600px;">
   
2.         <div class="footer-more-trigger" style="padding:0px;border:0;top:auto;width:1920px;height:600px;z-index:99;left:50%;">
   
3.                 <div class="footer-more-trigger" style="padding:0px;border:0;top:auto;width:1920px;height:600px;z-index:99;left:-50%;">
   
4.                         <div class="footer-more-trigger" style="left:0;top:auto;padding:0px;border:0;width:1920px;height:600px;">
   
5.                                 <div class="J_TWidget" data-widget-config="{
   
6. 
   
7. 
   
8. 
   
9. 
   
10. 
    
11. 
    
12.             'contentCls': 'slide-kun533601433content',
    
13. 
    
14. 
    
15. 
    
16. 
    
17. 
    
18. 
    
19.             'triggerCls': 'slide-kun533601433triggers',
    
20. 
    
21. 
    
22. 
    
23. 
    
24. 
    
25. 
    
26.             'navCls': 'slide-kun533601433triggers',
    
27. 
    
28. 
    
29. 
    
30. 
    
31. 
    
32. 
    
33.             'triggerType': 'mouse',
    
34. 
    
35. 
    
36. 
    
37. 
    
38. 
    
39. 
    
40.             'effect': 'scrollx',
    
41. 
    
42. 
    
43. 
    
44. 
    
45. 
    
46. 
    
47.             'easing': 'backOut',
    
48. 
    
49. 
    
50. 
    
51. 
    
52. 
    
53. 
    
54.                         'prevBtnCls':'prev',
    
55. 
    
56. 
    
57. 
    
58. 
    
59. 
    
60. 
    
61.                         'nextBtnCls':'next',
    
62. 
    
63. 
    
64. 
    
65. 
    
66. 
    
67. 
    
68.             'steps': 1,
    
69. 
    
70. 
    
71. 
    
72. 
    
73. 
    
74. 
    
75.             'autoplay': true,
    
76. 
    
77. 
    
78. 
    
79. 
    
80. 
    
81. 
    
82.             'duration': 1,
    
83. 
    
84. 
    
85. 
    
86. 
    
87. 
    
88. 
    
89.                         'viewSize':[1920],
    
90. 
    
91. 
    
92. 
    
93. 
    
94. 
    
95. 
    
96.                         'interval':5,
    
97. 
    
98. 
    
99. 
    
100. 
     
101. 
     
102. 
     
103.             'circular': true
     
104. 
     
105. 
     
106. 
     
107. 
     
108. 
     
109. 
     
110.         }" data-widget-type="Carousel" style="z-index:10;top:0px;padding:0px;margin:0px;width:1920px;">
     
111.                                         <div class="J_TWidget footer-more-trigger" data-widget-config="{'trigger':'.first533601433trigger','align':{'node':'.first533601433trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="left:0px;padding:0px;width:1920px;border:0px none;display:block;z-index:9999;top:255px;visibility:hidden;">
     
112.                                                 <div class="prev" style="width:90px;float:left;cursor:pointer;margin-left:465px;height:90px;">
     
113.                                                         <img src="http://img02.taobaocdn.com/imgextra/i2/30446694/T27cR0X4FXXXXXXXXX-30446694.png" /></div>
     
114.                                                 <div class="next" style="width:90px;height:90px;float:right;cursor:pointer;margin-right:465px;">
     
115.                                                         <img src="http://img02.taobaocdn.com/imgextra/i2/30446694/T2shhYX04aXXXXXXXX-30446694.png" /></div>
     
116.                                         </div>
     
117.                                         <div class="first533601433trigger" style="height:600px;width:1920px;overflow:hidden;padding:0px;margin:0px;position:relative;">
     
118.                                                 <ul class="slide-kun533601433content" style="height:600px;width:3840px;padding:0px;margin:0px;">
     
119.                                                         <li style="width:1920px;height:600px;padding:0px;margin:0px;list-style-type:none;display:block;float:left;">
     
120.                                                                 <a href="图片连接地址" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="600px" src="图片地址" width="1920px" /> </a></li>
     
121.                                                         <li style="width:1920px;height:600px;padding:0px;margin:0px;list-style-type:none;display:block;float:left;">
     
122.                                                                 <a href="图片连接地址" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="600px" src="图片地址" width="1920px" /> </a></li>
     
123.                                                 </ul>
     
124.                                         </div>
     
125.                                         <ul class="slide-kun533601433triggers" style="padding:0px;margin:0px;display:none;">
     
126.                                                 <li class="ks-active">
     
127.                                                          </li>
     
128.                                                 <li>
     
129.                                                          </li>
     
130.                                         </ul>
     
131.                                 </div>
     
132.                         </div>
     
133.                 </div>
     
134.         </div>
     
135. </div>

复制代码

模版代码安装前，请先自行设计2张海报图，尺寸为：1920*600像素！然后把图片上传到你的淘宝店铺图片空间并获取图片地址！然后将模版代码中的“图片地址”和“图片连接地址”替换好之后，再复制代码后安装到你的店铺中！如下图所示：