這個函數可以預先裝好jquery嗎？

Question

是我在jquery中寫的這個函數，會不會是預加載的好方法？ 謝謝

function loader(){ 

     imgTag('#check'); 

     function imgTag(whereToAppend){ 
      var image = 'image.jpg'; 

      $(whereToAppend).append('<img id="imgWrapper">'); 

      $('#imgWrapper').attr('src', image).hide().one('load',function(){ 
       $(this).fadeIn('slow'); 
      }) 
     } 


    } 

Answer 1

我會建議使用下述溶液預載圖片：

function preload(arrayOfImages) { 
    $(arrayOfImages).each(function(){ 
     $('<img/>')[0].src = this; 
     // Alternatively you could use: 
     // (new Image()).src = this; 
    }); 
} 

// Usage: 

preload([ 
    'img/imageName.jpg', 
    'img/anotherOne.jpg', 
    'img/blahblahblah.jpg' 
]); 

來源：Preloading images with jQuery