// 默认控件——图片放大【勿改】 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, } }) })