美文网首页
图片预加载

图片预加载

作者: guoss | 来源:发表于2018-07-11 13:01 被阅读0次
     function imgList(){
            var el=[];
            for(var i=0;i<26;i++){
              if(i<10){
                  i='0'+i;
              }
              el.push('img/star/0' + i + '.jpg');
            }  
            return el; 
     }
    
      var imgList = imgList().map(function(ele){
          var img = new Image();
          img.onload = function(){
            leftNum--;
            if(leftNum === 0){
              $(document).trigger('my-imgloaded');
            }
          };
          img.onerror = function(){
            leftNum--;
            if(leftNum === 0){
              $(document).trigger('my-imgloaded');
            }
          };
          img.src = ele;
          return img;
     }); 
    
    $(document).on('my-imgloaded', function(){
        $('.top-bg').removeClass('top-brfore');
        $('.top-bg').addClass('animate');
    });
    
    

    相关文章

      网友评论

          本文标题:图片预加载

          本文链接:https://www.haomeiwen.com/subject/azkhpftx.html