이미지를 미리로드하는 기능은 무엇입니까?

Question

나는 성공적으로 자바 스크립트 내 웹 사이트에 이미지를 로딩 사전 해요 :

loveHover = new Image(); 
loveHover.src = "http://mypage.com/images/love-hover.png"; 

함수에이 물건을 포장하는을 쉽게 좋은 방법이 있나요? 다음과 같이합니다 :

function preloadImage(image) { 
    var image = new Image(); 
    var path = "http://mypage.com/images/"; 
    image.src = path + image; 
} 

Answer 1

["love-hover.jpg", "like-hover.jpg", "hate-hover.jpg"].forEach(function(img) 
{ 
    new Image().src = "http://mypage.com/" + img; 
}); 

이가에서 작동하도록하려면 9 이전의 IE 버전은 지침을 보려면 Array.forEach Compatibility section을 참조하십시오.

Answer 2

자바 스크립트를 전혀 사용하지 않으셨습니까?

http://perishablepress.com/press/2008/06/14/a-way-to-preload-images-without-javascript-that-is-so-much-better/

Answer 3

잘 함수의 독특한 부분은 SRC (이미지 링크) 될 것이다. 그러니 논쟁을하십시오.

function preloadImage(src) { 
    var image = new Image(); 
    image.src = src; 
} 

그럼 당신은 여러 URL 배열에 저장할 수있는 경우 :

var imageSrcs = [ 
    "http://mypage.com/images/love-hover.png#", 
    "http://mypage.com/images/love-hover2.png", 
    "http://mypage.com/images/love-hover3.png" 
]; 

그리고 루프와 이미지를 미리로드 :

for (var i = 0; i < imageSrcs.lengthl i++) 
    preloadImage(imageSrcs[i]);