【淘宝店铺装修】淘宝图片轮播图片轮播怎么做？

*** 作如下：

到店铺的装修页面：

进入装修首页，点“轮播”模块，添加此模块。

把“轮播”模块移到页面右边后，把鼠标放在在轮播模块上，模块即显示出“编辑”按钮

点击“编辑”进入编辑页面：

在上图，点击箭头所指的图标，上传，这是第一张。如果是2张轮播的，要再添加一张，点击“添加”：

页面即显示出另一张的输入框。

同第一张一样 *** 作，点箭头所指的图标，上传第二张。如此类推，要加第三张、张四张、第五张的，同样 *** 作。一共只能添加5张。

添加好后，点击下图中的“显示设置”

进入设置页面：

在“切换效果”这里点击倒三角形符号， *** 出下拉菜单：

“上下滚动”和“渐变滚动”这是轮播展示方式。

“上下滚动”是与之间以上下移动的方式切换；

“渐变滚动”是当一张在变为模糊时切换成另一张。

选择好“切换效果”后，点“保存”。

页面装修首页，在页面右上角，点“发布”。

一：登入淘宝——卖家中心——店铺管理，点击手机淘宝店铺。在选择无线装修--进入装修页面以后选择“店铺首页”。
二：在装修模块里，找到图文类--焦点图模块，将鼠标置于此模块上按住鼠标左键，然后拖到手机店铺页面适当的位置。
三：在右侧就会出现轮播设置框，里面有添加的按钮，设置的图标和可以再次添加轮播图的“添加”按钮，记得设置完要点击“确定。”
相对来说，在手机淘宝店铺设置轮播和在网页版店铺设置轮播是差不多的，都是一样简单。灵猫店商希望可以帮到你。

1、在需要添加全屏轮播的地方添加一个自定义区
2、将自定义区的设计界面切换到代码设计
3、通过编写代码，也可以到网上查询相关代码，将获得的代码复制到自定义区
4点击“确定”按钮，再预览的情况下看是否有问题，如果没有问题，则可以点击发布，这样客户就能看到你制作的全屏轮播效果了。
注意：如果是在网上查到的代码，则需要将引用地址变成自己空间的地址，否则店铺无法正常显示该。

photoshop制作好，把编辑成一样大小。或者用美图秀秀制作一样。
然后把上传到支持外链的网络相册。
点击属性复制地址到下面代码里
很好的轮番代码，淘宝自带的轮番功能总是要留白，使用以下代码后页面不再留白了，店铺效果更整体了。使用方法是在店铺里增加一个自定义区，然后把代码复制到自定义区的代码编辑区
轮番 上下滚动
<div class="box J_TBox" >
<div class="shop-slider">
<div class="bd">
<div class="slider-promo J_Slider J_TWidget" data-type="scroll" data-widget-type="Slide" style="height:高度px;" data-
widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class="lst-main">
<li><a href="连接地址1" ><img src="地址"></a></li>
<li><a href="连接地址1" ><img src="地址"></a></li>
<li><a href="连接地址1" ><img src="地址"></a></li>
</ul>
</div>
</div>
</div>
</div>
第二种渐变轮番
<DIV style="WIDTH: 宽度px; HEIGHT: 高度px" class="slider-promo J_Slider J_TWidget" data-widget-
config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-
type="Slide" data-type="fade">
<ul class=lst-main>
<li><A style="WIDTH: 宽度px; HEIGHT: 高度px" href="商品连接地址" target=_blank><img alt="" src="地址"></A></li>
<li><A style="WIDTH: 宽度px; HEIGHT: 高度px" href="商品连接地址" target=_blank><img alt="" src="地址"></A></li>
</ul></DIV>
渐变轮番第二种效果
<DIV class="slider-promo J_Slider J_TWidget" style="HEIGHT: 高度px"
data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}"
data-widget-type="Slide" data-type="fade">
<UL class=lst-main>
<LI><A href="商品连接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="地址"></A>
<LI><A href="商品连接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="地址"></A>
<LI><A href="商品连接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="地址"></A>
</LI></UL></DIV>

有2个方式可以实现轮播效果，以上是在自定义模块插入轮播源代码，而是使用轮播模块。标准版以上才可以使用轮播模块或者轮播代码，标准版自带有轮播模块，点击添加模块，选择轮播模块，

添加进来后，点击编辑，就可以编辑给轮播模块内容了

源代码你可以百度搜索一下，也是很简单的。

需要说明一下，轮播模块和源代码在店铺首页才有效，其他页面无效的。还有可以设置多个轮播模块的

这是代码
<div style="color:black;margin-bottom:10px;" class="tb-module tshop-um tshop-um-12-quanping"><div class="J_TWidget" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bslide_Jvj8V'}" data-widget-type="Tabs"> <div class="J_TWidget bslide_Jvj8V" style="height:789px;" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bnav_Nx0CF'}" data-widget-type="Tabs"> <div style="height:789px;width:1920px;left:-485px;top:0px;margin-left:-960px;" class="J_TWidget" data-widget-config="{'navCls':'scroller-nav','contentCls':'scroller-content','steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable','circular':true,'effect':'scrollx','easing':'easeBothStrong','duration':1,'interval':'10','autoplay':true}" data-widget-type="Carousel" data-relocation="1"> <div style="cursor:pointer;width:60px;height:30px;background:#765300 url(>您好。从您的截图来看，这并不是全屏的，应该是950宽的。但不管如何，多大的图您可自己图，目前比流行的是1920550左右的图，尤其是高度值，550也行，600也可，400都没问题，都由您自己决定。然后，将链接替换到轮播代码相应位置里，再修改一下代码里的高度值即可。

---