淘宝首页全屏代码下如何插入轮播图片代码

直接用全屏轮播代码。


天猫店:

<div class= MaGong style= height:0px; >

<div class= sn-simple-logo style= left:auto;right:auto;width:990px;height:0px;top:auto;padding:0;border:none;z-index:1;background:none; >

<div class= sn-simple-logo style= left:-465px;top:0px;height:轮播图片高度px;width:1920px;border:none;padding:0;background:none; >

<div data-widget-config= { contentCls : macontent , navCls : ma_na , duration :1, interval :4, autoplay :true, triggerType : mouse , circular :true, effect : scrollx , easing : easeOutStrong , prevBtnCls : Mprev , nextBtnCls : Mnext , autoplay : true, viewSize :[1920], activeTriggerCls : hidden } data-widget-type= Carousel class= J_TWidget >

<div class= J_TWidget Mprev data-widget-config= { trigger : .IX , align :{ node : .IX , offset :[-510,0], points :[ cc , cc ]}} data-widget-type= Popup style= display:none; >

<div class= Mprev style= font-size:100px;cursor:pointer; ><img src= http://img04.taobaocdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png ></div>

</div>

<div class= J_TWidget Mnext data-widget-config= { trigger : .IX , align :{ node : .IX , offset :[510,0], points :[ cc , cc ]}} data-widget-type= Popup style= display:none; >

<div class= Mnext style= font-size:100px;cursor:pointer; ><img src= http://img02.taobaocdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png ></div>

</div>

<div class= IX style= height:轮播图片高度px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none; >

<ul class= macontent style= height:轮播图片高度px;width:1920px;padding:0px;margin:0px; >

<li class= item ><a target= _blank href= 图片1商品链接 ><img src= 图片1 ></a></li><li class= item ><a target= _blank href= 图片2商品链接 ><img src= 图片2 ></a></li>

</ul>

</div>


<div class= sn-simple-logo style= width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none; display:block; >

<div class= sn-simple-logo style= z-index: 99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none; >

<ul class= ma_na style= width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#fff; >

<li class= hidden style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li><li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li>

</ul>

</div>

<div class= sn-simple-logo style= z-index: 98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none; >

<ul class= ma_nb style= width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#333333; >

<li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li><li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li></ul></div></div></div> </div></div></div>


淘宝店专业版:

<div class= MaGong style= height:0px; >

<div class= footer-more footer-more-trigger style= left:auto;right:auto;width:950px;height:0px;top:auto;padding:0;border:none;z-index:1;background:none; >

<div class= footer-more footer-more-trigger style= left:-485px;top:0px;height:轮播图片高度px;width:1920px;border:none;padding:0;background:none; >

<div data-widget-config= { contentCls : macontent , navCls : ma_na , duration :1, interval :4, autoplay :true, triggerType : mouse , circular :true, effect : scrollx , easing : easeOutStrong , prevBtnCls : Mprev , nextBtnCls : Mnext , autoplay : true, viewSize :[1920], activeTriggerCls : hidden } data-widget-type= Carousel class= J_TWidget >

<div class= J_TWidget Mprev data-widget-config= { trigger : .WN , align :{ node : .WN , offset :[-510,0], points :[ cc , cc ]}} data-widget-type= Popup style= display:none; >

<div class= Mprev style= font-size:100px;cursor:pointer; ><img src= http://img04.taobaocdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png ></div></div>

<div class= J_TWidget Mnext data-widget-config= { trigger : .WN , align :{ node : .WN , offset :[510,0], points :[ cc , cc ]}} data-widget-type= Popup style= display:none; >

<div class= Mnext style= font-size:100px;cursor:pointer; ><img src= http://img02.taobaocdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png ></div></div>

<div class= WN style= height:轮播图片高度px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none; >

<ul class= macontent style= height:轮播图片高度px;width:1920px;padding:0px;margin:0px; >

<li class= item ><a target= _blank href= 图片1商品链接 ><img src= 图片1 ></a></li><li class= item ><a target= _blank href= 图片2商品链接 ><img src= 图片2 ></a></li></ul></div>

<div class= footer-more footer-more-trigger style= width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none; display:block; >

<div class= footer-more footer-more-trigger style= z-index: 99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none; >

<ul class= ma_na style= width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#fff; >

<li class= hidden style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li><li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li>

</ul>

</div>

<div class= footer-more footer-more-trigger style= z-index: 98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none; >

<ul class= ma_nb style= width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#333333; >

<li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li><li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li></ul></div></div></div></div></div></div>


淘宝基础版:

<div class= MaGong data-title= 来自淘宝代码生成网www.001daima.com data-time= 1502845797 style= height:0px; >

<div class= footer-more footer-more-trigger style= left:auto;right:auto;width:950px;height:0px;top:auto;padding:0;border:none;z-index:1;background:none; >

<div class= footer-more footer-more-trigger style= left:-485px;top:0px;height:轮播图片高度px;width:1920px;border:none;padding:0;background:none; >

<div data-widget-config= { contentCls : macontent , navCls : ma_na , duration :1, interval :4, autoplay :true, triggerType : mouse , circular :true, effect : scrollx , easing : easeOutStrong , prevBtnCls : Mprev , nextBtnCls : Mnext , autoplay : true, viewSize :[1920], activeTriggerCls : hidden } data-widget-type= Carousel class= J_TWidget >

<div class= J_TWidget Mprev data-widget-config= { trigger : .UF , align :{ node : .UF , offset :[-510,0], points :[ cc , cc ]}} data-widget-type= Popup style= display:none; >

<div class= Mprev style= font-size:100px;cursor:pointer; ><img src= http://img04.taobaocdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png ></div>

</div>

<div class= J_TWidget Mnext data-widget-config= { trigger : .UF , align :{ node : .UF , offset :[510,0], points :[ cc , cc ]}} data-widget-type= Popup style= display:none; >

<div class= Mnext style= font-size:100px;cursor:pointer; ><img src= http://img02.taobaocdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png ></div>

</div>

<div class= UF style= height:轮播图片高度px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none; >

<ul class= macontent style= height:轮播图片高度px;width:1920px;padding:0px;margin:0px; >

<li class= item ><a target= _blank href= 图片1商品链接 ><img src= 图片1 ></a></li><li class= item ><a target= _blank href= 图片2商品链接 ><img src= 图片2 ></a></li>

</ul>

</div>


<div class= footer-more footer-more-trigger style= width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none; display:block; >

<div class= footer-more footer-more-trigger style= z-index: 99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none; >

<ul class= ma_na style= width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#fff; >

<li class= hidden style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li><li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li>

</ul>

</div>

<div class= footer-more footer-more-trigger style= z-index: 98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none; >

<ul class= ma_nb style= width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#333333; >

<li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li><li style= display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px; >●</li></ul></div></div></div> </div> </div></div>