// 默认控件——图片放大【勿改】 Fancybox.bind('.sP_0 img', { groupAll: true, Image: { wheel: "slide", }, }); Fancybox.bind('.sP_1 img', { groupAll: true, Image: { wheel: "slide", }, }); Fancybox.bind('.sP_2 img', { groupAll: true, Image: { wheel: "slide", }, }); Fancybox.bind('.sP_3 img', { groupAll: true, Image: { wheel: "slide", }, }); Fancybox.bind('.sP_4 img', { groupAll: true, Image: { wheel: "slide", }, }); Fancybox.bind('.sP_5 img', { groupAll: true, Image: { wheel: "slide", }, }); Fancybox.bind('.sP_6 img', { groupAll: true, Image: { wheel: "slide", }, }); Fancybox.bind('.sP_7 img', { groupAll: true, Image: { wheel: "slide", }, }); // 循环体 默认 2行4列 ,个数小于8个无需添加swiper代码。大于个数8,需要将sP_"0" 和 sC_"0" 中的 "0" 增加数字。此JS中的 "0" 代表个数 1 . $require(['swiper'], function () { //【1】 var sC_0 = new Swiper('.sC_0',{ spaceBetween: 4, slidesPerView: 6, watchSlidesVisibility: true,//防止不可点击 }) var sP_0 = new Swiper ('.sP_0', { slidesPerView : 1, spaceBetween: 5, thumbs: { swiper: sC_0, } }) //【2】 var sC_1 = new Swiper('.sC_1',{ spaceBetween: 4, slidesPerView: 6, watchSlidesVisibility: true,//防止不可点击 }) var sP_1 = new Swiper ('.sP_1', { slidesPerView : 1, spaceBetween: 5, thumbs: { swiper: sC_1, } }) //【3】 var sC_2 = new Swiper('.sC_2',{ spaceBetween: 4, slidesPerView: 6, watchSlidesVisibility: true,//防止不可点击 }) var sP_2 = new Swiper ('.sP_2', { slidesPerView : 1, spaceBetween: 5, thumbs: { swiper: sC_2, } }) //【4】 var sC_3 = new Swiper('.sC_3',{ spaceBetween: 4, slidesPerView: 6, watchSlidesVisibility: true,//防止不可点击 }) var sP_3 = new Swiper ('.sP_3', { slidesPerView : 1, spaceBetween: 5, thumbs: { swiper: sC_3, } }) //【5】 var sC_4 = new Swiper('.sC_4',{ spaceBetween: 4, slidesPerView: 6, watchSlidesVisibility: true,//防止不可点击 }) var sP_4 = new Swiper ('.sP_4', { slidesPerView : 1, spaceBetween: 5, thumbs: { swiper: sC_4, } }) //【6】 var sC_5 = new Swiper('.sC_5',{ spaceBetween: 4, slidesPerView: 6, watchSlidesVisibility: true,//防止不可点击 }) var sP_5 = new Swiper ('.sP_5', { slidesPerView : 1, spaceBetween: 5, thumbs: { swiper: sC_5, } }) //【7】 var sC_6 = new Swiper('.sC_6',{ spaceBetween: 4, slidesPerView: 6, watchSlidesVisibility: true,//防止不可点击 }) var sP_6 = new Swiper ('.sP_6', { slidesPerView : 1, spaceBetween: 5, thumbs: { swiper: sC_6, } }) //【8】 var sC_7 = new Swiper('.sC_7',{ spaceBetween: 4, slidesPerView: 6, watchSlidesVisibility: true,//防止不可点击 }) var sP_7 = new Swiper ('.sP_7', { slidesPerView : 1, spaceBetween: 5, thumbs: { swiper: sC_7, } }) })