2011-10-03 4 views
0

배열에서 여러 이미지를로드하기 위해 JQuery 메서드 또는 플러그인을 찾고 있습니다. JQuery load 30 images

  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'); 
      } 
     }); 
    });