$(document).ready(function () { // 缩略图 var wyzThumbs = new Swiper('.wyz-small', { spaceBetween: 0, slidesPerView: 2, breakpoints: { //当宽度小于等于640 1024: { slidesPerView: 3, spaceBetween: 0 }, //当宽度小于等于640 1300: { slidesPerView: 4, spaceBetween: 0 } }, freeMode: true, //centeredSlides: true, navigation: { nextEl: '.thuilPic .next2', prevEl: '.thuilPic .prev2', }, watchSlidesVisibility: true, watchSlidesProgress: true, }); // 大图 var wyzTop = new Swiper('.wyz-big', { // 切换效果 四种 : cube coverflow flip fade // effect : 'flip', spaceBetween: 0, navigation: { nextEl: '.mainPic .next1 ', prevEl: '.mainPic .prev1 ', }, thumbs: { swiper: wyzThumbs } }); $('.mainPic .prev1').click(function () { wyzThumbs.slidePrev(); }); $('.mainPic .next1').click(function () { wyzThumbs.slideNext(); }); $('.thuilPic .prev2').click(function () { wyzTop.slidePrev(); }); $('.thuilPic .next2').click(function () { wyzTop.slideNext(); }); });