Swiper插件实现轮播图
轮播图是在一个模块或者说窗口,通过电脑上鼠标点击、手机上手指滑动后,可以看到多张图片。这些图片就都是轮播图,这个模块就叫做轮播模块。
我们可以通过多种方式在网页上插入轮播图,现在最常用简单的一种方法是通过在Swiper的官网--http://www.swiper.com.cn/里选择你想要的Swiper的样式插件进行下载,然后链接到自己网页的前段上进行效果的实现
我们插入Swiper的方式有两种:
第一种是直接在H5前段上:
第二种是通过链入式,引入js的方法实现: