Question

淘宝店铺大图片轮播是怎么设置的？我的是旺铺专业版的

就像这样的轮播图片，我设置的时候都只是在一个方框里轮播，像这张个淘宝网址的店铺就能覆盖住两边进行图片轮播，请大神帮帮忙！

Answer 1

自定义一个模块，然后点击源码，然后把下面的复制进去.然后自己改改。
<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 这个是水平位置，图片插入进去没居中的，亲们就慢慢增加或者减少数字，就可以调到居中的哈。
有问题的亲可以留言哈，我知道的一定回。这代码就是我自己店里用的。
最后，还是得打打小广告哈,嘿嘿, 想看看效果的亲们来小店看看哈： 无与伦比潮衣店。

追问

为什么我 用自定义模块 把你这个代码复制进去后，只有高度显示600px，代码里的宽度是1440px，但是实际看到的宽度是950px而不是1440px？ 还有我把代码中的“图片地址”改为空间图片那张宽度1440px，高度600px的图片的链接地址，可是就是显示不了图片？该怎么办？

Answer 2

在模板编辑状态下 将鼠标图标放在一个模块上会出现添加模块，添加模块-基础模块-图片轮播-添加，ok了,自己在后台图片空间上传图片，然后将图片地址添加到模块里即可。

追问

没记错的话，那个添加的模块最大的宽度950像素，我说的这个全屏轮播的应该不止950像素的吧？请问我这个需要怎么做的

Answer 3

这个要用代码呀，亲！

追问

您有代码？有的话能给我吗？

追答

你要几图轮播的？高度是多少的？ 告诉我我做好给你，然后你替换成自己的图片和链接就可以了。

追问

四图轮播，高度500像素

好的 加你了