jquery实现图片轮播控制，自动播放图片，本文通过jquery的组件swiper实现图片轮询控制
工具/原料
jqueryswiper
jqueryswiper
方法/步骤
1、首先要把插件加载到我们要运行的页面，方法有两个可以到官方直接下载该插件，百度jqueryswiper，打开如下网站
2、找到网站的下载文件地址，如下图所示的位置，下载好解压到项目文件夹，引入即可
3、当然也可以用npm安装npminst瞢铍库祢allswiper或者直接cdn引入如下所示将官方cdn复鲽判砦吟制到我们需要该插件的网页，我这里复制一下两个，如图二所示<linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/css/swiper.css"><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/js/swiper.js"></script>记得将cdn引入的4.x.x变成你实际引入的版本
4、我这里下载两个swiper文件，然后新建一个swiper文件夹里面新建一个cssjs文件夹，如下所示结构
5、div部分瘫蝠熨夯我们这样修改<divclass="swiper-container&qu泠贾高框ot;><divclass="swiper-wrapper"><divclass="swiper-slide"><imgsrc=""/></div><divclass="swiper-slide"><imgsrc=""/></div><divclass="swiper-slide"><imgsrc=""/></div></div></div><divclass="swiper-pagination"></div>底部注以img里面放入的是图片链接地址
6、js和头部部分<linkrel="stylesheet"href="css/swiper.min.css">css样式<scriptsrc="js/swiper.min.js"></script>js部分引入<script>varmySwiper=newSwiper('.swiper-container',{pagination:'.swiper-pagination'autoplay:1000自动播放时间})</script>
