这是一款基于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>
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- Vivi资源网