var galleryTop = new Swiper('.wel-protops .swiper-container', { initialSlide :0, nextButton: '.wel-protops .swiper-button-next', prevButton: '.wel-protops .swiper-button-prev', slidesPerView: 9, breakpoints: { 768: { slidesPerView: 3, centeredSlides: true, }, //当宽度小于等于640 1024: { slidesPerView: 6, centeredSlides: true, } } }); var galleryThumbs = new Swiper('.wel-probots .swiper-container', { initialSlide :0, // centeredSlides: true, // loop : true, slidesPerView : 'auto', // loopedSlides :8, speed:500, // slideToClickedSlide: true, observer:true, observeParents:true, breakpoints: { 768: { slidesPerView: 1, noSwiping:false, } } }); // galleryTop.params.control = galleryThumbs; // galleryThumbs.params.control = galleryTop; $(".wel-prolist .wel-protops .swiper-slide").on("click",function(){ var _index = $(this).index(); $(".wel-probots .swiper-slide").eq(_index).addClass("active").siblings().removeClass('active'); var _index2 = $(this).index()-2; galleryThumbs.slideTo(_index2, 1000, false); $(".wel-prolist .wel-protops .swiper-slide .items").removeClass("active"); $(this).find(".items").addClass("active"); }) $(".wel-prolist .wel-protops .swiper-slide").eq(0).click(); $(".wel-probots .swiper-slide").on("click",function(){ $(this).toggleClass('active').siblings().removeClass('active'); var _index = $(this).index(); $(".wel-prolist .wel-protops .swiper-slide").find(".items").removeClass('active'); $(".wel-prolist .wel-protops .swiper-slide").eq(_index).find(".items").addClass('active'); }) var news = new Swiper('.news-swiper .swiper-container', { slidesPerView : 3, slidesPerGroup : 3, pagination : '.news-swiper .swiper-pagination', spaceBetween : 50, paginationClickable :true, breakpoints: { 768: { slidesPerView: 1.5, centeredSlides: true, slidesPerGroup : 1, initialSlide :1, spaceBetween: 20, loop:true }, //当宽度小于等于640 1024: { slidesPerView: 2, slidesPerGroup : 2, spaceBetween: 25 } } }) if($(window).innerWidth() <= 1023){ clickVideo($(".banner .videoboxs")) } function banner_video(){ $(".banner .secwen").removeClass('animate'); $(".banner .swiper-slide-active .secwen").addClass('animate'); } // banner var video=document.getElementById("pcvideo"); var banner = new Swiper('.banner .swiper-container',{ prevButton:'.banner .swiper-button-prev', nextButton:'.banner .swiper-button-next', pagination : '.banner .swiper-pagination', paginationClickable: true, centeredSlides: true, slidesPerView: 1, spaceBetween: 0, initialSlide:0, speed:600, autoplay : 6000, // loop:true, effect:"fade", slideToClickedSlide:true, autoplayDisableOnInteraction: false, lazyLoading : true, // lazyLoadingInPrevNext : true, roundLengths : true, onInit:function(swiper){ var index = swiper.activeIndex + 1; var len = $(".banner .swiper-slide").length; // banner_video(); setTimeout(function(){ if($(".banner .swiper-slide-active").hasClass('videoboxs') && $(window).innerWidth() >= 1024){ swiper.stopAutoplay(); video.load(); video.play(); video.addEventListener("ended",function () { swiper.slideNext(); }); }else{ swiper.startAutoplay(); swiper.params.autoplay = 6000; } },200); }, onImagesReady:function(swiper){ $(".banner .secwen").removeClass('animate'); $(".banner .swiper-slide-active .secwen").addClass('animate'); }, onSlideChangeStart: function(swiper){ var index = swiper.activeIndex + 1; var len = $(".banner .swiper-slide").length; // banner_video(); setTimeout(function(){ if($(".banner .swiper-slide-active").hasClass('videoboxs') && $(window).innerWidth() >= 1024){ swiper.stopAutoplay(); video.load(); video.play(); video.addEventListener("ended",function () { swiper.slideNext(); }); }else{ swiper.startAutoplay(); swiper.params.autoplay = 6000; } },200); }, breakpoints: { 1023: { effect:"slide", noSwiping : false, slidesPerView: 1 } } })