$require(['swiper'], function () { /** bottom **/ var thumbsswiperbottom = new swiper('.gallery-thumbs-bottom', { spacebetween: 10, observer: true, slidesperview: 3, watchslidesvisibility: true,//防止不可点击 breakpoints: { 768: { slidesperview: 5, spacebetween: 20 }, } }) var gallerybottom = new swiper('.gallery-bottom', { speed: 800, observer: true, spacebetween: 20, navigation: { nextel: '.gallery-bottom .swiper-button-next', prevel: '.gallery-bottom .swiper-button-prev', }, thumbs: { swiper: thumbsswiperbottom, } }) /** bottom **/ /** top **/ var thumbsswipertop = new swiper('.gallery-thumbs-top', { spacebetween: 10, observer: true, slidesperview: 3, watchslidesvisibility: true,//防止不可点击 breakpoints: { 768: { slidesperview: 5, spacebetween: 20 }, } }) var gallerybottom = new swiper('.gallery-top', { speed: 800, observer: true, spacebetween: 20, navigation: { nextel: '.gallery-top .swiper-button-next', prevel: '.gallery-top .swiper-button-prev', }, thumbs: { swiper: thumbsswipertop, } }) /** top **/ /** left **/ var thumbsswiperleft = new swiper('.gallery-thumbs-left', { direction: 'vertical', observer: true, spacebetween: 10, slidesperview: 3, watchslidesvisibility: true,//防止不可点击 breakpoints: { 768: { slidesperview: 5, spacebetween: 20 }, } }) var gallerybottom = new swiper('.gallery-left', { direction: 'vertical', observer: true, speed: 800, spacebetween: 20, navigation: { nextel: '.gallery-left .swiper-button-next', prevel: '.gallery-left .swiper-button-prev', }, thumbs: { swiper: thumbsswiperleft, } }) /** left **/ /** right **/ var thumbsswiperright = new swiper('.gallery-thumbs-right', { direction: 'vertical', observer: true, spacebetween: 10, slidesperview: 5, watchslidesvisibility: true,//防止不可点击 breakpoints: { 768: { slidesperview: 3, spacebetween: 20 }, } }) var gallerybottom = new swiper('.gallery-right', { direction: 'vertical', observer: true, speed: 800, spacebetween: 20, navigation: { nextel: '.gallery-right .swiper-button-next', prevel: '.gallery-right .swiper-button-prev', }, thumbs: { swiper: thumbsswiperright, } }) /** right **/ })