2012-04-22 9 views
0

jqueryで書いたこの関数は、あらかじめロードするのに良い方法でしょうか? はあなたにこの関数は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'); 
      }) 
     } 


    } 
+0

私はどんな質問をコピーddnt! – takeItEasy

答えて

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

+0

平均[0]は何ですか? – takeItEasy

+0

jQueryはコレクションを返し、最初の要素のみが必要です。したがって、画像が完全にダウンロードされるまで、 '[0]'または '.get(0)' – Johan

+0

を使用するので、imgタグは非表示になっていますか? – takeItEasy

関連する問題