var galleryTop = new Swiper('.gallery-top .swiper-container', { slidesPerView : "auto", speed:650 }); var galleryThumbs = new Swiper('.gallery-thumbs .swiper-container', { centeredSlides: true, slidesPerView: 'auto', effect : 'fade', nextButton: '.gallery-thumbs .swiper-button-next', prevButton: '.gallery-thumbs .swiper-button-prev', slideToClickedSlide: true, speed:650, onSlideChangeStart: function(swiper){ galleryTop.slideTo(swiper.activeIndex,650,false); $(".gallery-top .swiper-slide").eq(swiper.activeIndex).addClass("active").siblings().removeClass("active"); } }); // galleryTop.params.control = galleryThumbs; // galleryThumbs.params.control = galleryTop; $(".gallery-top .swiper-slide .items").on("click",function(){ var _index = $(this).parents(".swiper-slide").index(); $(this).parents(".swiper-slide").addClass("active").siblings().removeClass("active") galleryThumbs.slideTo(_index,650,false); }) $(".gallery-top .swiper-slide").eq(0).find(".items").click(); var banner = new Swiper('.banner .swiper-container', { slidesPerView : 1, pagination : '.banner .swiper-pagination', paginationClickable: true, loop:true, autoplayDisableOnInteraction: false, lazyLoading : true, lazyLoadingInPrevNext : true, roundLengths : true, autoplay:6000, speed:650, onInit:function(swiper){ var index = swiper.activeIndex + 1; var len = $(".banner .swiper-slide").length; }, onImagesReady:function(){ $(".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 .secwen").removeClass('animate'); $(".banner .swiper-slide-active .secwen").addClass('animate'); } }); // var banner = new Swiper('.banner .swiper-container',{ // prevButton:'.banner .swiper-button-prev', // nextButton:'.banner .swiper-button-next', // pagination : '.banner .swiper-pagination', // paginationClickable: 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(); // $(window).resize(function(){ // banner_video(); // }); // }, // onImagesReady:function(){ // $(".banner .secwen").removeClass('animate'); // $(".banner .swiper-slide-active .secwen").addClass('animate'); // banner_video(); // $(window).resize(function(){ // banner_video(); // }); // }, // onSlideChangeStart: function(swiper){ // var index = swiper.activeIndex + 1; // var len = $(".banner .swiper-slide").length; // banner_video(); // $(window).resize(function(){ // banner_video(); // }); // }, // })