本文由 资源共享网 – admin 发布,转载请注明出处,如有问题请联系我们!Swiper全屏自适应焦点图轮播代码
资源语言: 中文
图片展示资源(Swiper全屏自适应焦点图轮播代码)网址:https://www.08i8.com/ttqdzy/detail10810.html;转载请注明!
这是一款基于Swiper实现的全屏自适应焦点图轮播代码,点击箭头按钮或拖动图片左右滚动切换到中间展示大图。
js代码
<script type="text/javascript" src="https://img.x22t.com/file/2020/04/25/aeaf980f6942cae48830771430840a137427.js"></script> <script type="text/javascript"> 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, } } }); } </script>
图片展示资源(Swiper全屏自适应焦点图轮播代码)网址:https://www.08i8.com/ttqdzy/detail10810.html;转载请注明!