//产品详情 var viewswiper2 = new swiper('#prod-lbt .view .swiper-container', { allowtouchmove: true, autoplay: { delay: 4000, disableoninteraction: false, }, on:{ slidechangetransitionstart: function() { updatenavposition2() } } }); $('#prod-lbt .arrow-left').on('click', function(e) { e.preventdefault(); if (viewswiper2.activeindex == 0) { viewswiper2.slideto(viewswiper2.slides.length - 1, 1000); return } viewswiper2.slideprev() }); $('#prod-lbt .arrow-right').on('click', function(e) { e.preventdefault(); if (viewswiper2.activeindex == viewswiper2.slides.length - 1) { viewswiper2.slideto(0, 1000); return } viewswiper2.slidenext() }); var previewswiper2 = new swiper('#prod-lbt .preview .swiper-container', { //visibilityfullfit: true, slidesperview: 'auto', allowtouchmove: false, on:{ tap: function() { viewswiper2.slideto(previewswiper2.clickedindex) } }, breakpoints: { 0: { slidesperview: 3, spacebetween:10, }, 580: { slidesperview: 3, spacebetween:15, }, 760: { slidesperview: 4, spacebetween:10, }, 960: { slidesperview: 4, spacebetween:12, }, 1200: { slidesperview: 4, spacebetween:13, }, 1500: { slidesperview: 4, spacebetween:15, }, 2000: { slidesperview: 4, spacebetween:15, }, }, }); function updatenavposition2() { $('#prod-lbt .preview .active-nav').removeclass('active-nav'); var activenav = $('#prod-lbt .preview .swiper-slide').eq(viewswiper2.activeindex).addclass('active-nav'); if (!activenav.hasclass('swiper-slide-visible')) { if (activenav.index() > previewswiper2.activeindex) { var thumbspernav = math.floor(previewswiper2.width / activenav.width()) - 1; previewswiper2 .slideto(activenav.index() - thumbspernav) } else { previewswiper2.slideto(activenav.index()) } } }