轮播图怎么做

轮播图的做法如下：

首先就是要构架好整个轮播的盒子，以及它所需要的内容（是为了轮播切换图片的时候不会出现空白）。

然后就是设置轮播盒子的大小以及里面按钮的样式。先做一个页面的css初始化再开始设置样式设置轮播盒子大小和轮播图片大小（将浏览器缩小到50%看到的效果）。

设置定位将图片固定在轮播盒子里，再设置轮播最初显示的第一张图片出现在轮播盒子里（要设置行内样式才能获取得到），设置轮播切换图片的四个按钮。

思路：

轮播图是指在一个模块或者窗口，通过鼠标点击或手指滑动后，可以看到多张图片。这些图片统称为轮播图，这个模块叫做轮播模块。轮播图常见于电商类、资讯类应用、功能首页、功能模块主页面，还有网易云音乐App的发现模块主页。

主要通过一个展示盒子，一个图片储存盒子，展示盒子的大小即为轮播图想要展示图片的大小，或者说一个图片的大小。但储存盒子的宽度必须大一些，足够所有的图片左浮横向排列。后将储存盒子的溢出部分隐藏，再调用动画特效animation。

轮播图：在一个模块或者说窗口，通过电脑上鼠标点击、手机上手指滑动后，可以看到多张图片。这些图片就都是轮播图，这个模块就叫做轮播模块。

钻石展位：（官方解释——钻石展位展示网络推广是以图片展示为基础，精准定向为核心，面向全网精准流量实时竞价的展示推广平台。）通俗的说，就是我提供一个网页位置，你可以在我提供的位置上以图片的形式打广告。这个位置就是钻石展位，这边用到的图片就是钻石展位图。

举例说：淘宝首页（电脑、手机都算），顶部的大图位置，就是钻石展位，这边的图片就是钻石展位图。还因为它有多张图片轮播，所以这边的图片也是轮播图。

---