if($(".banner-swiper .swiper-slide").length >1){ var aboutscenter = new swiper('.banner-swiper .swiper-container', { pagination: '.banner-swiper .swiper-pagination', prevbutton:'.banner-swiper .swiper-button-prev', nextbutton:'.banner-swiper .swiper-button-next', slidesperview : 1, spacebetween : 20, loop:true, centeredslides : true, grabcursor: true, centeredslides: true, autoplay:5000, autoplaydisableoninteraction: false, loopadditionalslides : 2, paginationclickable :true, speed:750, oninit:function(){ var activeindex = $(".banner-swiper .items.swiper-slide-active").attr("data-swiper-slide-index"); var indextext = $(".banner-swiper .items.swiper-slide-active .hide").text(); $(".banner-swiper .bots-txts").text(indextext); $(".banner-swiper .secwen").removeclass('animate'); settimeout(function(){ $(".banner-swiper .swiper-slide-active .secwen").addclass('animate'); },100) // var banlen = $('.banner-swiper .swiper-slide').length; var videoindex = $('.banner-swiper .swiper-slide-active.videoboxs').attr("data-swiper-slide-index"); $(".banner-swiper .swiper-slide video").attr("src",''); if(banlen==1){ swiper.stopautoplay(); } if(videoindex == activeindex){ var srcv = $(".banner-swiper .swiper-slide-active.videoboxs video").attr("data-src"); $(".banner-swiper .swiper-slide-active.videoboxs video").attr("src",srcv); } if($('.banner-swiper .videoboxs').length>0){ $('banner-swiper .swiper-slide-active.videoboxs video').on('ended',function(){ settimeout(function(){ // swiper.startautoplay(); // swiper.params.autoplay = 6000; },800) }) } // }, ontransitionstart:function(){ var activeindex = $(".banner-swiper .items.swiper-slide-active").attr("data-swiper-slide-index"); var indextext = $(".banner-swiper .items.swiper-slide-active .hide").text(); $(".banner-swiper .bots-txts").text(indextext); $(".banner-swiper .secwen").removeclass('animate'); settimeout(function(){ $(".banner-swiper .swiper-slide-active .secwen").addclass('animate'); },100) // var banlen = $('.banner-swiper .swiper-slide').length; var videoindex = $('.banner-swiper .swiper-slide-active.videoboxs').attr("data-swiper-slide-index"); $(".banner-swiper .swiper-slide video").attr("src",''); if(banlen==1){ swiper.stopautoplay(); } if(videoindex == activeindex){ var srcv = $(".banner-swiper .swiper-slide-active.videoboxs video").attr("data-src"); $(".banner-swiper .swiper-slide-active.videoboxs video").attr("src",srcv); } if($('.banner-swiper .videoboxs').length>0){ $('banner-swiper .swiper-slide-active.videoboxs video').on('ended',function(){ settimeout(function(){ // swiper.startautoplay(); // swiper.params.autoplay = 6000; },800) }) } // } }); }else{ var src = $(".banner-swiper video").attr("data-src"); $(".banner-swiper video").attr("src",src); $(".banner-swiper .secwen").addclass('animate'); $(".banner-swiper video").attr("autoplay","autoplay"); $(".banner-swiper video").attr("loop","loop"); } conswiper(); var weltop = new swiper('.weltop-title-swiper .swiper-container',{ pagination : '.weltop-title-swiper .swiper-pagination', prevbutton:'.weltop-title-swiper .swiper-button-prev', nextbutton:'.weltop-title-swiper .swiper-button-next', slidesperview: 'auto', centeredslides : false, paginationclickable: true, slidetoclickedslide:true, autoplay:false, // loop:true, autoplaydisableoninteraction: false, lazyloading : true, lazyloadinginprevnext : true, speed:750, oninit:function(swiper){ var index = swiper.activeindex; $(".weltop-items .weltop-title-swiper .items").eq(index).click(); }, ontransitionstart:function(swiper){ var index = swiper.activeindex; $(".weltop-items .weltop-title-swiper .items").eq(index).click(); } }) var imgsrc =[]; $(".weltop-items .weltop-items-swiper img").each(function(){ var src = $(this).attr("src"); imgsrc.push(src); }) _preloadimg(imgsrc,function(){ $(".weltop-items-swiper .items").each(function(){ var _this = $(this).find(".i"); _this.each(function(i,v){ var img_url = $(this).find(".ik").attr('src'); var img = new image(); img.src = img_url; var ik = $(this).find(".ik"); var dians = $(this).find(".btns").attr("style"); var i = parseint($(this).find(".btns").attr("data-i")); //h var k = parseint($(this).find(".btns").attr("data-k")); //w var iw = k/img.height*100; var ih = i/img.width*100; // console.log(i,k,iw,ih,ik.innerwidth(),ik.innerheight()) $(this).find(".btns").addclass("on").attr('style',"left: "+ih+"%;top: "+iw+"%;"); }) }) }) var weltoitems = new swiper('.weltop-items-swiper .swiper-container',{ pagination : '.weltop-items-swiper .swiper-pagination', prevbutton:'.weltop-items-swiper .swiper-button-prev', nextbutton:'.weltop-items-swiper .swiper-button-next', slidesperview: 1, spacebetween:10, paginationclickable: true, slidetoclickedslide:true, autoplay:false, autoplaydisableoninteraction: false, lazyloading : true, lazyloadinginprevnext : true, speed:750, oninit:function(swiper){ var index = swiper.activeindex; $(".weltop-items .weltop-title-swiper .items").eq(index).click(); }, ontransitionstart:function(swiper){ var index = swiper.activeindex; $(".weltop-items .weltop-title-swiper .items").eq(index).click(); } }) $(".weltop-items .weltop-title-swiper .items").on("click",function(){ $(this).addclass("active").siblings().removeclass("active"); var index = $(this).index(); weltoitems.slideto(index,1000,false) weltop.slideto(index,1000,false) }) $(".weltop-items .weltop-title-swiper .items").eq(0).click(); clickvideo('.mvideo,.welimgs-list .i.videos'); function welsrroll() { $('.welimgs-list').each(function() { var _this = $(this); if (_this.offset().top > $(window).scrolltop() + $(window).height() || _this.offset().top < $(window).scrolltop() - _this.outerheight()) { // _this.removeclass('animate'); } else if ($(window).scrolltop() > _this.offset().top - $(window).height() * 0.95) { _this.addclass('active'); } }); $(window).scroll(function() { $('.welimgs-list').each(function() { var _this = $(this); if (_this.offset().top > $(window).scrolltop() + $(window).height() || _this.offset().top < $(window).scrolltop() - _this.outerheight()) { // _this.removeclass('animate'); } else if ($(window).scrolltop() > _this.offset().top - $(window).height() * 0.95) { _this.addclass('active'); // $(_this) // startscramble('.i-img-list.animate .home-dec'); } }); }); } welsrroll();