jqueryでmysqlの画像をプレロードする

Question

私はいくつかの助けが必要です。私が構築した画像ビューアの次のボタンの画像をどのようにプリロードするか分からないようです。私は、mysqlデータベースから画像ソースを取得し、次のボタンが押されるたびにそれらを反復処理しています。どのようにこれらをプリロードできますか？次のボタンのコードは次のとおりです。

$("#next").click(function(){ 
      $(h).empty(); 
      var p = <?php echo json_encode($results); ?>; 
      var start = $("#intabdiv img").attr("class"); 
      var next = p[($.inArray(start, p) + 1) % p.length]; 
      //Checking the ID of thumbnail pictures and determining the id here 
      var hinext = "../php/admin/portfolio/before/"+next; 
      $("#intabdiv img").attr('src',hinext); 
      $("#intabdiv img").attr('class',next); 
      //Centering image on screen 
      var h = $("#intabdiv img").width() + 70; 
      //ww is defined beforehand and is the windows width. 
      var total = ww - (h/2); 
      $(".popupbox").css("margin-left", total); 
     }); 

Answer 1

コードを楽しんでいません。コメントはいつも良い場所になる前に、何度も改行を入れてみてください。

とにかく、これはjqueryのを使用して画像をプリロードするための良い方法です：

$('<img />').attr('src', 'http://url/to/image.jpg'); 

最初の部分は、画像要素を作成します（ただし、DOMに追加されません）

$('<img />') 

次の部分でSRCが設定され、ブラウザにイメージリソースがロードされます。

attr('src', 'http://url/to/image.jpg');