圆月-200型(十五款商品任选一款）

追月-300型(十五款商品任选一款）

新月-500型(十五款商品任选一款）

皓月-600型(十五款商品任选一款）

朔月-800型(十五款商品任选一款）

眉月-1000型(十五款商品任选一款）

弦月-1200型(十五款商品任选一款）

满月-1500型(十五款商品任选一款）

望月-2000型(十五款商品任选一款）

$(function(){ var viewSwiper = new Swiper('.view .swiper-container', { onSlideChangeStart: 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: 4, spaceBetween: 3, allowTouchMove: false, onTap: 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()) } } } })