网站使用 swiper 插件实现图片幻灯片（轮播图）

小渣渣

本文使用 swiper-6.4.5 版本作为演示教程，在开发网页的时候，我们平台可能在首页添加一个幻灯片（轮播图）的效果，如下图：



首先，引入 swiper 的 css 和 js 文件：

登录可见。

登录可见。

我们图片上面附上了一些文字介绍，需要添加如下 css 样式：

登录可见。

html 代码如下：

登录可见。

使用 js 调用，如下：

登录可见。

（完）