var galleryTop = new Swiper('.gallery-top', { // loop:true, nextButton: '.history-part .swiper-button-next', prevButton: '.history-part .swiper-button-prev', //initialSlide :$(".history_year .leftbox .swiper-slide").length, loopAdditionalSlides : 1, autoplay : false, effect : 'coverflow', slidesPerView: 2, centeredSlides: true, autoplayDisableOnInteraction : false, coverflow: { rotate: 0, // stretch:-20, // depth: 310, stretch:100, depth: 0, modifier: 2, slideShadows : true }, breakpoints:{ 1024: { slidesPerView: 1, slidesPerGroup: 1, coverflow: { rotate: 0, stretch:0, depth: 0, modifier: 0, slideShadows : false }, }, } }); if($(window).width()>1024){ var galleryThumbs = new Swiper('.gallery-thumbs', { nextButton: '.gallery-thumbs .swiper-button-next', prevButton: '.gallery-thumbs .swiper-button-prev', slidesPerView:5, centeredSlides: true, mousewheelControl: false, direction :'vertical', //initialSlide :$(".history_year .leftbox .swiper-slide").length,//设定初始化时slide的索引。 resistanceRatio : 0.3, followFinger : true, slideToClickedSlide: true,//设置为true则点击slide会过渡到这个slide。 onTouchMove: function (swiper) { his_position(); }, onTouchEnd: function (swiper) { his_position(); }, onSlideChangeStart: function (swiper) { his_position(); }, onInit: function(swiper){ his_position(); } }); galleryTop.params.control = galleryThumbs; galleryThumbs.params.control = galleryTop; $(".ie9 .swiper-button-next,.ie9 .swiper-button-prev").click(function(){ his_position(); }) }else{ var galleryThumbs = new Swiper('.gallery-thumbs', { nextButton: '.gallery-thumbs .swiper-button-next', prevButton: '.gallery-thumbs .swiper-button-prev', slidesPerView:4, centeredSlides: true, mousewheelControl: false, //initialSlide :$(".history_year .leftbox .swiper-slide").length,//设定初始化时slide的索引。 followFinger : true, slideToClickedSlide: true }); galleryTop.params.control = galleryThumbs; galleryThumbs.params.control = galleryTop; } function his_position() { $(".gallery-thumbs .swiper-slide").removeClass("prev_nth2Mode next_nth2Mode prev_nth3Mode next_nth3Mode prev_nth4Mode next_nth4Mode prev_nth5Mode next_nth5Mode prev_nth6Mode next_nth6Mode"); $(".gallery-thumbs .swiper-slide-active").prev().addClass("prev_nth2Mode"); $(".gallery-thumbs .swiper-slide-active").next().addClass("next_nth2Mode"); $(".gallery-thumbs .swiper-slide-active").prev().prev().addClass("prev_nth3Mode"); $(".gallery-thumbs .swiper-slide-active").next().next().addClass("next_nth3Mode"); $(".gallery-thumbs .swiper-slide-active").prev().prev().prev().addClass("prev_nth4Mode"); $(".gallery-thumbs .swiper-slide-active").next().next().next().addClass("next_nth4Mode"); $(".gallery-thumbs .swiper-slide-active").prev().prev().prev().prev().addClass("prev_nth5Mode"); $(".gallery-thumbs .swiper-slide-active").next().next().next().next().addClass("next_nth5Mode"); $(".gallery-thumbs .swiper-slide-active").prev().prev().prev().prev().prev().addClass("prev_nth6Mode"); $(".gallery-thumbs .swiper-slide-active").next().next().next().next().next().addClass("next_nth6Mode"); }