如何在圖片加載後調用函數（函數（f，h））？

Question

本文摘自here。它是一個簡單的響應立方體，具有旋轉功能，通常圖像來自<div id="cs-slider">img1 img2... < /div>現在我想從圖像文件夾中自動加載。像

這裏從圖片文件夾中的所有圖像，我想這就像下面的代碼。

$.ajax({ 
    url: "task.php", 
      data: { 
       'files': 'images' 
      }, 
      success: function (datas) { 

       var res = datas.split(","); 

       var len = (res).length;var k=0; 

       res.forEach(function (entry) { 

        if (entry != '') { 

         $('#cs-slider').prepend('<img src="images/'+entry+'" />'); 

        } 
        k++; 
        if(k==len) 
        { 
        alert("hai3"); 
        } 

       }); 
       // alert(filelist); 
      }, 
      error: function (req) { 
       alert('Error: ' + req.status); 
      } 

}); 

但這些附加加載頁面後。

如何解決這個問題？ 代碼附在這裏fiddle

Answer 1

如果我理解正確，所有你需要的是onload事件。 加載後將顯示圖像。

var img_ = new Image(); 
img_.onload = function() { 
    $('#cs-slider').prepend('<img src="images/'+entry+'" />'); 
} 
img_.src = '/images/'+entry;