$(function(){ var n = $(".banner li").length; $(".banner li").each(function(){ var _this = $(this), src = _this.attr("data-img"), img = new Image(); img.src = src; //澶勭悊ff涓嬩細鑷姩璇诲彇缂撳瓨鍥剧墖 if(img.complete || img.width){ // _this.attr("style","background:url("+src+") no-repeat center/cover"); n -- ; if(n == 0){ banner(); } return; } $(img).load(function(){ // _this.attr("style","background:url("+src+") no-repeat center/cover"); n -- ; if(n == 0){ banner(); } }); }) }) var time = ''; function banner(){ var isplay=true; //鍒濆鍖朾anner鏍峰紡 $('.banner').height($(".banner li").eq(0).find('img').height()); var listN = $(".banner li").length; var h=$('.banner').height(); // $(".loader").stop().fadeOut(1000); for (var i = 0; i < listN; i++) { $(".banner li").eq(i).css('z-index', i+1); $(".banner .btns").append(''); }; $(".banner .btns span").eq(0).addClass("cur"); var Media; if($('.banner li.video-li').find('video').length>0){ $('.banner li.video-li').find('video').on('canplay', function(){ vidtim=$('.banner li.video-li').find('video').get(0).duration*1000; console.log(vidtim) time = $('.banner li.video-li').find('video').get(0).duration*1000; time2 = time; // console.log(vidtim) } ) }else{ time = 5000; } // var Vidnum = $(".banner li video").parent().index(); if ($(window).width() >= 1025){ // myShow(0) }; // if ($(window).width() >= 1050) { // Media.play(); // } // 鎵ц鏁堟灉 var sw = 0; $(".banner li").eq(0).css('left', '0'); $(".banner li").eq(0).addClass('active'); // Fullvideo($(".i-ban"), $(".i-ban .video-sign")); $(".banner .btns span").on('click', function(){ sw = $(this).index(); // console.log(Media.length) if(Media.length>0){ }else{ } }); Media = $(".banner li.video-li video"); var setter; flag = true; Media.on('canplay',function(){ if(flag){ setter = setInterval(function(){ clearInterval(setter); set(sw); },0); flag = false; } }) function myShow(i,j){ if(i){ time=5000; } else{ time=vidtim; } if(i==0&&Media.length>0){ setTimeout(function(){ $(".banner li.video-li video").load(); $(".banner li.video-li video").get(0).play(); },0); // if ($(window).width() >= 1025 && Media.length>0){ // Media.trigger("play"); // } } clearTimeout(myTime); $(".banner li").each(function(index, el){ if($(el).find('video').length>0){ $(el).find('video').trigger("pause"); } }); for (var a = i; a < listN; a++) { $(".banner li").eq(a).css('opacity', '1'); $(".banner li").eq(a).stop().animate({left: "100%"},600,"easeInOutQuad"); }; $(".banner li").eq(i).stop().animate({left: '0'},600,"easeInOutQuad",function(){ $(".banner li").stop().removeClass('active'); $(".banner li").eq(i).stop().addClass('cur'); }); $(".banner .btns span").find('i').stop().width("0%"); if(sw==0){ var videoIndex = $('.banner li.video-li').index(); $(".banner .btns span.cur").removeClass("cur"); $(".banner .btns span").eq(videoIndex).addClass("cur").find('i').stop().animate({width: '100%'}, time, "linear"); } else{ $(".banner .btns span.cur").removeClass("cur"); $(".banner .btns span").eq(sw).addClass("cur").find('i').stop().animate({width: '100%'},time, "linear"); } sw