太阳成游戏网站

采用swiper实现响应式轮播图特效

第一步、安装轮播图插件

轮播图插件：/shop/719.html

下面以swiper7为例

第二步、下载swiper插件代码

不同版本使用方法可能有差异，所以请下载swiper7，也可以直接下载这里提供的整理好的

swiper.zip

将下载后解压的 js与css放在你的模板样式目录下，比如 default 模板目录

/static/default/css/swiper-bundle.min.css

/static/default/css/swiper-bundle.min.js

第三步、模板安装

1、模板前添加

根据你的实际路径做修改，确保模板中成功引用此文件即可。

2、模板底部前添加

基础样式

3、轮播图代码

    
        {table table_site=carousel type=1 pid=0 show=1 num=10}