记录swiper如果是刚开始不显示的时候,需要调用
<div class="swiper-container pro_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide 111">
<img src="images/0.jpg?v=sf" />
</div>
<div class="swiper-slide 222">
<img src="images/1.jpg?v=wf" />
</div>
</div>
<div class="swiper-pagination"></div>
</div>
``
<script>
$(function(){
//事件触发去调用my_popswiper()
})
function my_popswiper() {
var swiper = new Swiper('.pro_swiper', {
initialSlide: 1,//轮播索引位置
loop: true, // 循环模式开启
speed: 300,//循环速度
autoplay: 2000, //循环间隔时间
pagination: '.swiper-pagination',
autoplayDisableOnInteraction: false,
paginationClickable: true,
slidesPerView: 3, //显示图片数量
spaceBetween: "2%",//图片间距
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true,//修改swiper的父元素时,自动初始化swiper
})
}
</script>