淘宝自定义区图片轮换制作步骤
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
淘宝自定义区图片轮换制作步骤！！！
大家好，是不是觉得奇怪了？有时候看到商城里面的图片可以自动轮换翻页的，好酷哦，而且每点一张图片都可以直接进入到这张图片的详细介绍，就是宝贝界面！
可能需要定制某些功能吧？今天我把代码发给大家！让大家也弄弄！让你的淘宝店铺更炫起来！还等什么？赶快动手吧！（大家可以到我店铺看看效果，满意的话再看教程！）
1.首先打开我是卖家-----店铺装修
2.进入到自定义编辑页面
3点击自定义内容区右上方编辑直接进入代码编辑
4.进入后点击这个按钮如上图
代码如下：
data-widget-type="Slide" style="height:350px;"
data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger',
'activeTriggerCls': 'current'}">
5.把上面的代码中宝贝的链接和图片地址改后复制放到以下的框中：（尺寸大家可以自行调整比如说750*350，上面的style="height:350px中的350也要相应的改成350。如果你的图片做成了750宽的话会比较好看点!本人做的就是，可以根据自己图片大小而设定，改，但是像我们这些小卖家最大的宽度尺寸也就750高度没有测量过！所以一般的750。300的尺寸会好看很多。改的时候相应的style="height:350px中350也要改为相应的高度哦）
6.如果觉得放4张图片不够的话可以复制上面对应的代码进来
7.好了保存预览
淘宝自定义图片切换滚动代码
1、scrollAmount=2中数值随意调整，数值越小越慢；
copyright
2、WIDTH: 509px; HEIGHT: 90px中，509指图片滚动整个模块宽度，90指整个模块高度。根据实际需要情
况可改变，如下例中我的模块宽度为750（正好是整个自定义内容区宽度），高度150，可随意，合适即可
，推荐160左右，效果不同。
copyright
3、中，链接地址
即点击图片后打开的网址（如下例，我设置的是一个图片到我的一个宝贝）图片地址指显示图片所在的网
络地址（我显示的图片都是在自己图片空间复制的地址）。
4、可多次添加，需
要展示几个图片就复制粘贴几行代码（原代码是6张图）copyright
5、中width=96指滚
动图片的宽度（高度），96可更改，值越大则越宽（高）。如本店实例中我设置为150。另外width=150需
要比HEIGHT: 160px中160略小（差值在10左右最佳）。