jQuery检查图像是否已加载

Question

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

var timeoutID=0;
var currentImage=0;//first image is position 0 in arrImages array
var arrImages=[bla bla bla array of image URLs];
function slideShow()
{
   if($('#myImg').complete)//   <------- Here is where it fails as that's UNDEFINED.
   {
      //curentImage is a global var that remebembers the on-screen image array key
      var nextImage=currentImage+1;

      //arrImages is the array of image URLs
      if(nextImage>=arrImages.length){nextImage=0;}

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

      clearTimeout(timeoutID);
      //Change image each second after previous image was loaded
      timeoutID=setTimeout("slideShow()",1000);
   }
   else
   {
      $('#myImg').load(slideShow);
   }
}

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

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

Answer 1

'complete'用于原生javascript对象.所以你应该从jQuery获取javascript对象.喜欢,

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

要么

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