Swiper全屏自适应焦点图轮播代码

2018-08-03 0 155
资源下载
终身会员专享

Swiper全屏自适应焦点图轮播代码

2018-08-03资源编号:411DIV CSS1550
如侵权、投诉或获取更新,请联系作者处理

Swiper全屏自适应焦点图轮播代码

这是一款基于Swiper实现的全屏自适应焦点图轮播代码,点击箭头按钮或拖动图片左右滚动切换到中间展示大图。

js代码


	window.onload = function() {
		var swiper = new Swiper(".swiper-container",{
			autoplay: false,
			speed: 1000,
			autoplayDisableOnInteraction: false,
			loop: true,
			centeredSlides: true,
			slidesPerView: 2,
			pagination: ".swiper-pagination",
			paginationClickable: true,
			prevButton: ".swiper-button-prev",
			nextButton: ".swiper-button-next",
			onInit: function(swiper) {
				swiper.slides[2].className = "swiper-slide swiper-slide-active";
			},
			breakpoints: {
				668: {
					slidesPerView: 1,
				}
			}
		});
	}

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

千源源码站 DIV CSS Swiper全屏自适应焦点图轮播代码 https://qyymz.com/4492.html

常见问题

相关文章

猜你喜欢
发表评论
暂无评论