2012-07-06 6 views
0

이미지 디렉토리를 미리로드하는 방법을 살펴 보았습니다. 여기에서 제공되는 최상의 스크립트임을 확인했습니다. http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/ 미리로드하기 전에 현재 문서가로드 될 때까지 기다리는 동안이 기능이 가장 좋지만 이 사람이 각 파일을 지정하는 대신 이미지 디렉토리를로드하는 것을 좋아하고 javascript에 새로 익숙해 져서 도움을받을 수 있습니다.프리 캐시/미리로드 디렉토리

function preloader() { 
if (document.images) { 
    var img1 = new Image(); 
    var img2 = new Image(); 
    var img3 = new Image(); 

    img1.src = "http://domain.tld/path/to/image-001.gif"; 
    img2.src = "http://domain.tld/path/to/image-002.gif"; 
    img3.src = "http://domain.tld/path/to/image-003.gif"; 
    } 
} 
function addLoadEvent(func) { 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') { 
    window.onload = func; 
} else { 
    window.onload = function() { 
     if (oldonload) { 
      oldonload(); 
     } 
     func(); 
     } 
    } 
} 
addLoadEvent(preloader); 

답변

0

일반적인 방법은 없습니다. 서버에서 디렉토리의 내용을 검색하는 방법이 필요하며 웹 서버가 목록을 제공한다는 보장이 없습니다. 일반적으로 대부분의 웹 서버에서는 클라이언트가 서버 측 디렉토리의 내용을 나열 할 수 없습니다.

웹 서버를 제어하는 ​​경우 "http : //domain.tld/path/to/"를 요청할 때와 같이 디렉토리 목록이 표시되도록 웹 서버를 구성 할 수 있습니다. 그러나 그때조차도 반환 된 응답의 형식은 웹 서버에 따라 다를 수 있습니다.

그러나 서버에서 특정 디렉토리의 이미지 목록을 가져올 수있는 경우 해당 이미지 이름을로드하려면 AJAX 나 숨겨진 IFRAME과 같은 기술을 사용해야합니다. 그런 다음 JavaScript를 사용하여 파일 이름을 반복하고 URL을 구성하고 각각에 대해 Image 객체를 만들 수 있습니다.