이미지를 js로 미리로드

Question

this 자습서를 사용하여 내 사이트에서 이미지 슬라이더를 만들었습니다. 그러나 나는 100 개 이상의 이미지를 가지고 있습니다. 페이지가로드 될 때 모든 것을로드하는 것은 어려울 것입니다. 그래서, 첫 번째 ~ 10 개의 이미지를 미리로드하는 모든 트릭을 사용하고, 예를 들어 9 번째 슬라이드로 이동하면 또 다른 10 개의 이미지를로드 할 수 있습니까?

또는 이미 제공되는 jquery 용 플러그인이 준비되어 있습니까?

jQuery로

(function($) { 
    var cache = []; 

    $.preLoadImages = function() { 
    var args_len = arguments.length; 
    for (var i = args_len; i--;) { 
     var cacheImage = document.createElement('img'); 
     cacheImage.src = arguments[i]; 
     cache.push(cacheImage); 
    } 
    } 
})(jQuery) 

jQuery.preLoadImages("/images/img01.jpg","/images/img02.jpg"); 

Answer 1

나는 이것을 사용 로드되었지만 결코 표시되지 않음 로드 패널을 확인하기 위해 네트워크 패널을 확인하십시오.

Answer 2

,이 같은 간단한 작동 :

$('<img />')[0].src = 'image.jpg'; 

그것이 요소를 생성 없지만 결코 그렇게 이미지가 페이지에 추가 jQuery로