㈠ 简单轮播图的实现及原理讲解（js）
三个div，最外层id为 parent 的大div内包含了 uls 和 buttons 两个div，div uls 中包含了两个列表 img_ul （图片列表）, litCir_ul （小圆点列表），div buttons 里则包含了“左”， “右”两个按钮。
之所用js添加小圆点，是因为小圆点的数量是由图片张数决定的。
默认 li 的 class 为 quiet , 第一张默认为 active 。
首先先理解该轮播图如何滚动，这里是通过控制 img_ul 的 left 值来控制显示某张图片， 为了实现“滚动”的效果，我们需要 逐渐 改变 img_ul 的 left 值，而不能直接使该值变化图片宽度的倍数。这里我们定义一个动画效果函数 Roll() 。
试想下面的情况，当图片从最后一张切换到第一张时，这时就不能通过逐渐改变 img_ul 的 left 值来实现滚动的效果，于是 克隆第一张图片至列表尾部，当滚动完最后一张图片时，继续滚动到克隆的第一张，然后将 img_ul 的 left 值置为0。
需要注意的是小圆点和图片列表的 li 数目是不一样的，当滚动到最后一个克隆项时，此时小圆点实际上在第一个位置。
开始自动滚动：
timer = setInterval(autoRun, gap);
给每个小圆点绑定了onmouseover事件，这个方法有个细节，会根据两次小圆点的距离差调整速率为 rate*times ，使切换效果更自然（也就是说每次切换说花的时间基本一致，无论是第一张到第二张，还是第一张到最后一张）。
触及区域，清除定时器，显示按钮。
离开区域，添加定时器，隐藏按钮。
自动播放就是间隔一定时间不断调用函数“下一张”的过程，所以这里的按钮 right 下一张的实现就是上面的 autoRun 函数。
以上就是轮播图各部分的实现原理，如果你有其他的方法，欢迎一起交流！
2019.3.30更新：
用requestAnimationFrame()实现一个轮播图
㈡ 淘宝轮播图怎么做
请问淘宝店铺首页的轮播大图怎么弄的？
【第一步】、设计好促销图片。想要制作图片轮播，就必须要有图握大片，所以第一步就是要准备至少两张图片 ，这一步您可以用photoshop设计好促销广告图片。
【第二步】，将图片上传到图片空间。登录淘宝，点击卖家中心，点击进入图片空间
点击图片上传，点击添加添加图片即可从您的电脑中上传图片到图片空间。
【第三步】，装修状态，插入“图片轮播”。返回卖家中心，点击店铺装修
点击在此处添加模块
然后，会出现一个选框，点击添加“图片轮播”
点击编辑。1.模块标题：可以设置模块标题，如果不想显示标题可以点击旁边的小选框中打钩。2.模块高度：您准备的图片，宽度、高度要一致。图片宽度根据您的图片实际高度而设置，图片轮播宽度为淘宝设置，750px不变。如果没有找到合适的高度，您可以选择自定义。3.切换效果：分为上下滚动和渐变滚动两种方式，根据自己的需要选择。
【第四步】，指定图片和连接目标。点击下面图片中红 *** 域中的小图片，就可以使用图片空间中的图片。
鼠标放在选中的图片上，鼠标“右击”点击复制图片地址。黏贴到图片地址的选框中。 连接地址就是点击促销图片会转到您指定的详情宝段乎竖贝页面。当您在首页点击一个宝贝商品时，他会跳到相应的宝贝详情页面。复制列如以下图片地址，黏贴到连接地址即可。
到此为止，图片轮播也就做好了。
淘宝网首页轮播图怎么上
钻石展位，首焦图，可以去钻展后台报名竞价
如何在淘宝主页上设置图片轮播
如果你是标准版旺铺，本身就有这个轮播功能的。如果是扶持版的，就要自己买个模块。图片要你自己先做好，尺寸要一样大骸然后上传到图片空间，再复制图片地址，粘贴进去就可以了。
怎样把别人淘宝轮播图保存在桌面
这个有些麻烦，你可以右键点击图片，选择\“审查元素”，在页面下方会出现一个代码框，在代码框上方选择第二个Resources,会出来一个Frames文件夹，点击此文件夹前面的三角，会有出N多子文件，然后再点击第一个子文件夹前的三角，又会出来N多子文件，找到并点击Images文件前的三角，会出来N多的图片，找到自己想要保存的图片后，在代码框里会出现这个图片，此时你再右键点击图片后，选择Open image in new tab ,图片会在一个新页面打开，此时你再右键点击图片，你可以选择图片另存为，也可以选择复制图片，都可以放在桌面上了。 如果亲满意，请亲采购，祝你新的一年里快快乐乐
淘宝中图片轮播的图怎么制作
你想要清晰的图，那么在你拍照的时候一定要拍大图（像素高的），这样你ps过的图就会使清晰的。如果你的图本来就小，不管你怎么修都是模糊的。图片轮播的图片至少也要950像素X600像素以下的大小，分辨率最低也得72dpi，那么你的图就是清晰的
淘宝店铺里的轮播图片怎么制作
把你在网络找的图片保存到电脑，再上传到淘宝后台，复制链接就可以了
淘宝店铺模版上的轮播图片怎么替换 10分
首先要进入装修页面，点开“图片轮播”编辑页面：
点击图片图标 可以插入图片空间图片：
点击选择 然后插入图片空间图片：
可以在“操作”阶段进行调整/删除 也可以添加新图片：
可以在“显示设置”进行进一步的调整
新旺铺专业版通栏宽度为950px/左侧栏为190px/右侧栏为750px/
新旺铺基础版左侧栏为190px/右侧栏顷链为750px/
在“切换效果”这里就是图片与图片之间轮播时的替换方式，有“上下滚动”和“渐变滚动”。
最后点“保存”。
淘宝图片轮播图片怎么铺满图片轮播？？
用作图软件先把图片尺寸修改好 按照网站上面的图片尺寸要求 改完就可以了
淘宝店铺装修图片轮播超大图怎么制作
淘宝店铺装修图片轮播超大图制作：
1、首先打开制作网站 xfbdw/index.php。
2、在图片地址这里添加店家已经做好的图片地址，图片先上传到淘宝图片空间，全屏的图片是宽1920像素，制作的是1920x500，图片都需要提前做好，再开始第一步。
3、链接就是图片的链接地址，页面也可以是宝贝的链接地址，现在制作的是宝贝链接地址。
4、海报宽度和高度根据自己需要设置，做轮播图海报的高度要一致，不然不好看。
5、然后是海报按钮，在最右边有个下载海报按钮，下载下来选个自己比较喜欢的按钮，传到图片空间，然后把图片链接复制粘贴到下图显示的地方即可，注意左右区分。
6、然后是轮播时间设置，可根据自己的喜好设置。
7、这一栏根据自己的店铺和喜好设置，切换方式和速度自己随便设置。
8、海报按钮这里需要点击启用。
9、最后生成代码，然后复制代码。
10、把黑框里的代码复制卖家中心—店铺装修—添加模块—添加自定义模块。
11、自定义模块显示标题这里，点击不显示，然后点击红圈的地方，编辑代码。
12、把刚刚做好的代码复制进去就大功告成。
淘宝店铺装修图片轮播的大小尺寸是多大？
宽950像素，高度自己设定！
还有宽750像素的，高度自己设定！
一般高度设定定500像素或者550像素！