发布于:2020-04-12 18:07 阅读次数:1592 作者:云码素材 分类:技术分享 关键词:swiper
swiper无法自动播放如何解决?在使用Swiper插件制作轮播图片时,发现Swiper轮播一次后就无法自动轮播,经过查询后发现Swiper的4.x版本不支持loop:true的使用,可以直接使用autoplay: true代替。
解决方案如下:
移除:loop: true 属性
增加:autoplay: true 属性
完整代码如下:
var swiper = new Swiper('#l-banner', { autoplay: true, pagination: '.swiper-pagination', paginationClickable: true, parallax: true, speed: 3000, });
我要加群:资源共享的时代,不要再单打独斗!加小编微信号加入群:xnynews(备注:云码素材入群),qq群号:202498279,一起技术学习,资源分享!
免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
热门标签
推荐模板
通用大数据管理可视化展示模板 山西省交通大数据分析平台HTML模板
2024-04-29 21:25 浏览:43
热门文章
2022-05-10 08:48 浏览:30315
2Tik Tok 深田咏美抖音视频100+合集资源免费下载【绿色】
2022-10-31 08:42 浏览:18301
2022-03-27 09:29 浏览:14537
2022-09-11 15:02 浏览:12428
2020-04-13 15:31 浏览:11310
6免费使用chatgpt3种方式 chatgpt国内入口无需梯子
2023-04-23 17:52 浏览:9584
7三个开源的php论坛bbs源码 可自建 圈子 帖子社区网站!
2020-09-15 21:34 浏览:8461
2022-09-08 10:28 浏览:8328
2019-08-28 17:28 浏览:8274
2021-03-29 10:22 浏览:7274