$require(['swiper'], function () {
var SmallImg = new Swiper('.SmallImg', {
slidesPerView: 5, // 一行有几个
SlidesPerColumn: 5, // 显示多少行。多行模式下不支持loop
slidesPerGroup: 1, // 多少列为一组
direction:'vertical',
freeMode: true,
watchSlidesProgress: true,
observer: true,
observeParents: true,
pagination: {
el: '.swiper-pagination'
}
})
var ProJius = new Swiper('.ProJius', {
loop: true,
observer: true,
observeParents: true,
simulateTouch: false,//禁止鼠标模拟
pagination: {
el: '.swiper-pagination',
type: 'fraction',
renderFraction: function (currentClass, totalClass) {
return '' +
' ' +
'';
},
},
navigation: {
nextEl: '.jiusArr .swiper-button-next',
prevEl: '.jiusArr .swiper-button-prev',
},
thumbs: {
swiper: SmallImg,
}
})
var RightText = new Swiper('.RightText', {
loop: true,
effect: 'fade',
simulateTouch: false,//禁止鼠标模拟
breakpoints: {
768: {
effect: 'fade',
},
}
})
ProJius.controller.control = RightText;
RightText.controller.control = ProJius;
})