1. 请问淘宝店铺首页的轮播大图怎么弄的
1、登录淘宝,点击卖家中心
使用淘宝助理添加商品时,每隔30分钟上传一个,上网高峰期可将时间调整为10~20分钟,这样操作可获得更多展示机会,让更多用户看到你的商品,从而提高淘宝店铺流量。
在淘宝论坛发布有意义的帖子,例如进货经验、开店感想,吸引论坛用户前来灌水。如果读者产生共鸣,就会与你交流或访问你的网店,达到免费宣传的目的。
2. 淘宝店铺装修添加图片轮播代码的方法O(∩_∩)O谢谢
在淘宝店铺中是没有直接添加图片轮播代码的。如果你是旺铺标准版、拓展版、旗舰版是可以直接添加的,如果是扶植版就没有这个功能了。
3. 淘宝首页宽屏图片轮播代码
用代码当然可以实现。
操作方法很简单:
1、新建一个自定义模块。
2、编版辑这个自定义模块并切权换到代码模式。
3、将设置好的全屏轮播代码放进去。
4、点击“确定”。
这样讲的够细了吧。
全屏轮播代码如果你还没有,可以到我的网络空间里去下载代码生成工具生成。
请采纳。
4. 求解淘宝店铺全屏海报图片轮播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 这个是水平位置,图片插入进去没居中的,亲们就慢慢增加或者减少数字,就可以调到居中的哈。有什么问题再密我。
5. 求一个淘宝网店全屏轮播banner代码 求大神赐教~~~
可以到好模板看看,有全屏轮播代码制作
6. 求淘宝旺铺专业版通栏的图片轮播代码 。跪求多谢
用工具生成方便简单,我用疯狂的美工装修暂时给你生成一个,拿走不谢
<divstyle="height:480px">
<divdata-title="本代码由疯狂的美工装修助手自动生成"class="TWidgst474taigyerfooter-more-triggersn-simple-logomost-footermgzxzs_qpdm"style="width:1920px;height:500px;padding:0;left:50%;top:auto;border:0pxsolidred;background:none;z-index:2;">
<divclass="TWidgst474taigyerfooter-more-triggersn-simple-logomost-footer"style="width:1920px;height:500px;padding:0;left:-50%;top:-0px;border:0pxsolidred;background:none;overflow:hidden;">
<divstyle="width:1920px;margin:0auto;background:url()no-repeattopcenterfixed;"><divdata-title="本代码由疯狂的美工装修助手生成"class="J_TWidget"data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','interval':4,'navCls':'crazy_navbmefjl137aei','contentCls':'crazy_contentbmefjl137aei','prevBtnCls':'mall-prevbmefjl137aei','autoplay':true,'nextBtnCls':'mall-nextbmefjl137aei','circular':true,'disableBtnCls':'disable','ration':2.0,'activeTriggerCls':'hidden','delay':0.1}"data-widget-type="Carousel"style="background:none;cursor:auto;display:block;z-index:30;margin:0;padding:0;border:0;left:auto;top:auto;right:auto;width:1920px;height:500px;">
<divclass="crazy_kuangbmefjl137aei"style="background:none;cursor:auto;display:block;z-index:30;width:1920px;height:500px;margin:0;padding:0;border:0;left:0px;top:0px;right:auto;overflow:hidden;">
<divdata-title="本代码由疯狂的美工装修助手生成"class="freeze-layerfooter-more-triggerfooter-moremost-footersn-simple-logocrazynav"style="background:none;cursor:auto;display:block;width:990px;height:1px;text-align:center;left:465px;top:185px;margin:0;padding:0;border:0;z-index:99;">
<divclass="J_TWidgetmall-prevbmefjl137aei"data-widget-config="{"trigger":".mgzxzs_bmefjl137aei","align":{"node":".mgzxzs_bmefjl137aei","offset":[-495,0],"points":["cc","cc"]}}"data-widget-type="Popup"style="display:none;">
<divclass="mall-prevbmefjl137aei"style="font-size:100px;cursor:pointer;">
<imgsrc="http://img03.taobaocdn.com/imgextra/i3/456989075/TB2ychobFXXXXb6XXXXXXXXXXXX-456989075.png"/>
</div>
</div>
<divclass="J_TWidgetmall-nextbmefjl137aei"data-widget-config="{"trigger":".mgzxzs_bmefjl137aei","align":{"node":".mgzxzs_bmefjl137aei","offset":[495,0],"points":["cc","cc"]}}"data-widget-type="Popup"style="display:none;">
<divclass="mall-nextbmefjl137aei"style="font-size:100px;cursor:pointer;">
<imgsrc="http://img02.taobaocdn.com/imgextra/i2/456989075/TB2oL4mbFXXXXXtXpXXXXXXXXXX-456989075.png"/>
</div>
</div>
</div>
<divstyle="height:500px;width:1920px;overflow:hidden;padding:0px;margin:0px;"class="mgzxzs_bmefjl137aei">
<ulclass="crazy_contentbmefjl137aei"style="z-index:30;">
<listyle="width:1920px;height:500px;display:block;"><ahref="http://jueker.taobao.com/"target="_blank"><imgsrc="http://img03.taobaocdn.com/imgextra/i3/456989075/T2Yo4BXvBXXXXXXXXX_!!456989075.jpg"/></a></li><listyle="width:1920px;height:500px;display:block;"><ahref="http://jueker.taobao.com/"target="_blank"><imgsrc="http://img01.taobaocdn.com/imgextra/i1/456989075/T2oBY2XgRXXXXXXXXX_!!456989075.jpg"/></a></li><listyle="width:1920px;height:500px;display:block;"><ahref="http://jueker.taobao.com/"target="_blank"><imgsrc="http://img04.taobaocdn.com/imgextra/i4/456989075/T2DP71XmFXXXXXXXXX_!!456989075.gif"/></a></li>
</ul></div>
<divclass="freeze-layerfooter-more-triggerfooter-moremost-footersn-simple-logo"style="background:none;cursor:auto;display:block;width:100%;height:auto;margin:0;padding:0px;border:0;top:auto;left:auto;right:auto;bottom:0px;z-index:35;">
<ulstyle="text-align:center;padding:5px;width:100%;">
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px-20px;"> </li>
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px-20px;"> </li>
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px-20px;"> </li>
</ul>
</div>
<divclass="freeze-layerfooter-more-triggerfooter-moremost-footersn-simple-logo"style="background:none;cursor:auto;display:block;width:100%;height:auto;margin:0;padding:0px;border:0;top:auto;left:auto;right:auto;bottom:0px;z-index:36;">
<ulclass="crazy_navbmefjl137aei"style="text-align:center;padding:5px;width:100%;">
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px0px;"> </li>
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px0px;"> </li>
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px0px;"> </li>
</ul>
</div>
</div></div>
</div>
</div>
</div>
7. 淘宝全屏的轮播代码是怎么做的
全屏海报轮播效果自已弄代码,如果不是很了解HTML是比较麻烦的,懂代码的自然就不用说了 分分钟搞定的事情,有个工具可以推荐用下,免费的,不管几张图片 特效等都能一键生成,比较靠谱,新手也能装修 店招 全屏海报制作 视频网页链接
8. 淘宝首页全屏代码下如何插入轮播图片代码
直接用全屏轮播代码。
天猫店:
<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','ration':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','ration':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','ration':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>