767) {
$('.jqzoom').imagezoom();
}
$('.preview .swiper-slide').eq(0).addClass('active-nav');
var viewSwiper = new Swiper('.view .swiper-container', {
on: {
slideChangeTransitionStart: function() {
updateNavPosition()
}
}
});
$('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
e.preventDefault();
if (viewSwiper.activeIndex === 0) {
viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
return
}
viewSwiper.slidePrev();
});
$('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
e.preventDefault();
if (viewSwiper.activeIndex === viewSwiper.slides.length - 1) {
viewSwiper.slideTo(0, 1000);
return
}
viewSwiper.slideNext();
});
var previewSwiper = new Swiper('.preview .swiper-container', {
//visibilityFullFit: true,
slidesPerView: 3,
allowTouchMove: false,
spaceBetween: 5,
on: {
tap: function() {
viewSwiper.slideTo(previewSwiper.clickedIndex)
}
}
});
function updateNavPosition() {
$('.preview .active-nav').removeClass('active-nav');
var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav');
if (!activeNav.hasClass('swiper-slide-visible')) {
if (activeNav.index() > previewSwiper.activeIndex) {
var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1;
previewSwiper.slideTo(activeNav.index() - thumbsPerNav);
} else {
previewSwiper.slideTo(activeNav.index());
}
}
}
手機號碼：18705126797企業(yè)郵箱：shuoyuequartz@126.com 公司地址：連云港市東?？h東開發(fā)區(qū)天山路34-1號 備案號：蘇ICP備2021036600號-1技術(shù)支持：天明網(wǎng)絡(luò) 在線客服微信
連云港碩越石英制品有限公司
客服