如何在图像加载后调用（函数（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;