在最近的微信公众使用刷卡图片轮播插件。接下来,介绍插件的使用

首先,你需要下载刷卡

1:加载插件,需要使用的文件swiper.min.js和swiper.min.css文件。





…



…





2.html内容。




幻灯片1
幻灯片2
幻灯片3











导航和其他组件可以放在容器外面。

三.你可以定义一个大小为捣蛋鬼,当然不是。


{加容器。
宽度:600px;
身高:300px;
}


4。初始化刷卡:最好是标记



无功myswiper =新的刷卡(刷卡容器,{。
方向:'vertical,
循环:真的,
如果您需要/传呼机
分页:加分页的,
如果需要移动后退按钮
NextButton:加下按钮,
prevbutton:刷卡按钮上,
如果需要滚动
滚动条:加滚动条的,
})




如果不能在HTML内容后面编写,则需要在加载页面后初始化页面。



在window.onload =函数(){
…
}

或者这样(jQuery和Zepto)

$(文档)Ready(函数(){)
…
})



以上是萧边引进的优秀js图片轮播插件的捣蛋鬼,希望对你有帮助,如果您有任何问题,请给我留言,萧边会及时回复你。谢谢你的支持网站。