javascript - jQuery检查图像是否加载

Question

我需要以下不起作用的代码的帮助：

var timeoutID=0;
var currentImage=0;//第一个图像在 arrImages 数组中的位置 0
var arrImages=[bla bla bla 图像 URL 数组];
函数幻灯片（）
{
   if($('#myImg').complete)// <------- 这是它失败的地方，因为它是未定义的。
   {
      //curentImage 是一个全局变量，它记住屏幕上的图像数组键
      var nextImage=currentImage+1;

      //arrImages 是图片 URL 的数组
      if(nextImage>=arrImages.length){nextImage=0;}

      $('#myImg').attr('src',nextImage);

      清除超时（超时 ID）；
      //加载前一张图片后每秒更换一次图片
      timeoutID=setTimeout("slideShow()",1000);
   }
   别的
   {
      $('#myImg').load(slideShow);
   }
}

基本上我想每秒更改 #myImg 的 src，前提是计数器在加载图像后启动。

*我讨厌 Stack Overflow 文本编辑器中的代码按钮！

Answer 1

'complete' 适用于本机 javascript 对象。所以你应该从 jQuery 获取 javascript 对象。喜欢，

$('#myImg')[0].complete

或者

$('#myImg').get(0).complete

Answer 2

如果我没记错的话，图像在加载时会获得宽度和高度。所以我想你可以检查图像的宽度。只要它是 0，就不会加载图像。