多语言展示
当前在线:1585今日阅读:2今日分享:31

使用Swiper插件完成轮播图和全屏滚动

今天的这篇经验和大家聊一聊关于使用Swiper插件完成轮播图和全屏滚动的问题,希望能够帮助到有需要的朋友。
方法/步骤
1

首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。可下载swiper或者使用CND.

3

你可能想要给Swiper定义一个大小,当然不要也行。

4

.初始化Swiper:最好是挨着标

5

如果不能写在HTML内容的后面,则需要在页面加载完成后再初始化(不推荐)。

6

或者这样(Jquery和Zepto)

7

完成。恭喜你,现在你的Swiper应该已经能正常切换了。

注意事项

以上内容来自于互联网,在这里仅作为分享。同时感谢原文作者的分享。以上图片来自于互联网,感谢原图的分享者!

推荐信息