jQuery로 하나씩 파일을로드하는 방법

Question

이미지, 오디오, 비디오, 워드와 같은 많은 유형의 파일이 있습니다.이 파일을 하나씩로드하고 싶습니다. 예 : 이미지가 있으면 이전 이미지를 마친 후 다음 이미지를로드하고 싶습니다. jQuery로 어떻게 할 수 있습니까? 나는 사용하려고 시도한다

$('img').load(function() {}) 

나는 배열을 가지고있다. 내가 어떻게 해?

Answer 1

다음과 같이 할 수 있습니다.

JSFiddle

이

var images = ['img1.png', 'img2.png', 'img3.png']; 

function loadImages() { 
    if(!images.length) 
     return; 

    $('<img />', { 
     src: images.splice(0, 1), 
     onload: loadImages 
    }).appendTo('#imgContainer'); 
} 

배열로드의 이전 후 #imgContainer 각 화상을 추가한다. 비슷한 문제의

Answer 2

직면 종류, 당신은

당신이 무엇을해야하는지 아이디어를 얻을 것입니다 내 질문에 Display image or swf in same tag

보기 ... 정규 표현식을 사용합니다. 이것에 대한

Answer 3

내 구현 : 돕는

var imageInfo = [{ 
    id : '#img1', 
    src : '/images/img1.png' 
}, { 
    id : '#img2', 
    file : '/images/img2.png' 
}]; 
var currentImage = 0; 

var loadImage = function(imageNumber) { 
    if(imageNumber < imageInfo.length) { 
     var img = imageInfo[imageNumber]; 
     $(img.id).attr('src', img.src); 
    }; 
}; 
$('img').load(function() { 
    loadImage(currentImage ++); 
}); 
loadImage(currentImage);