一进入界面就可以看到Swiper 4
的标题,直接点击开始使用Swiper,开始入门使用。
可以看到文档的内容非常详细,基本写了很详细的入门代码编写。下面我们来按照说明,编写一下这里面写的slider方法。
进入到Swiper文件的下载,如下:
到这里只要按照说明进行下载即可。
我直接将完成的文件包下载下来,下面来看看文件结构,如下:
可以看到有众多的示例代码,随便点开其中一个看看。
可以看到具有各种各样的slides示例。
从上面的代码来看,结构非常清晰,如果要使用的话,主要需要做几个动作:
1、引入swiper.min.css
2、引入swiper.min.js
3、复制示例代码
4、将Slide内部内容改为图片即可