在線留言
網(wǎng)站地圖
更多分站
性能概述
成都邁斯拓 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());
}
}
}
經(jīng)理微信二維碼 官方抖音號二維碼
