我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！
前言
利用h5实现我们的轮播图，怎么实现呢，平时开发的时候这玩意肯定要写，这玩意的作用也很多，比如装饰作用，比如显示一些重要的信息和一些广告等等。 现在有很多开源且成熟的轮播插件，根据开发文档直接使用效果会更好！ 其实也建议这种方式。
轮播图的概念
轮播图就是一种网站在介绍自己的主打产品或重要信息的传播方式。说的简单点就是将承载着重要信息的几张图片，在网页的某一部位进行轮流的呈现，从而做到让浏览者很快的了解到网站想要表达的主要信息。例如：淘宝，京东，等大型的购物平台。以及各种新闻网站的头版头条都是用这种方式呈现的重要信息。
思路
轮播图的实现方式：例如：有5张轮播的图片，每张图片的宽度为1024px、高度为512px.那么轮播的窗口大小就应该为一张图片的尺寸，即为：1024×512。之后将这5张图片0px水平相接组成一张宽度为：5120px,高度依然为：512px。最后将这张合成后的大图每次向左移动1024px即可实现轮播图。 然后利用css或者js去更换样式或者动态切换我们的图片链接，或者修改图片的地址。
