2011-10-03 65 views
0

我正在寻找一个JQuery方法或插件来从数组中加载多个图像。JQuery加载30张图片

假设所有图像路径在一个Javascript数组,

  1. 我怎样才能触发装载事件。 (可以使用Gif图像)
  2. 加载所有图像
  3. 提醒用户所有图像已加载并移除加载事件。

我知道.Load(http://api.jquery.com/load/)我只是不能看到我怎么能做一个实际的例子与多个图像。

+3

你可以使用jQuery预加载。 看看这个链接 http://stackoverflow.com/questions/476679/preloading-images-with-jquery – Anand

回答

1

这不是完美的,但我想你会明白我的意思

var imgCount = numberOfImages; 

    $.each(yourArray,function(index, value){ 
      var currentImg = index; 
      $('.yourImgClasses').eq(imgCount).attr('src', value).load(function() { 
      if(currentImg == imgCount-1){ 
       alert('Image Loaded'); 
      } 
     }); 
    });