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);
4

1 に答える 1

0

これを達成するための一般的な方法はありません。サーバーからディレクトリの内容を取得するには何らかの方法が必要ですが、Web サーバーがリストを提供するという保証はありません。一般に、ほとんどの Web サーバーでは、クライアントがサーバー側のディレクトリの内容を一覧表示することを許可していません。

Web サーバーを制御している場合は、たとえば「http://domain.tld/path/to/」を要求したときに、ディレクトリの一覧が表示されるように構成できます。ただし、その場合でも、Web サーバーによっては、返される応答の形式が異なる可能性があります。

ただし、サーバーから特定のディレクトリ内の画像のリストを取得できる場合でも、AJAX や非表示の IFRAME などの手法を使用して、それらの画像名をロードする必要があります。次に、JavaScript を使用してファイル名を反復処理し、URL を作成して、それぞれの Image オブジェクトを作成します。

于 2012-07-27T18:39:08.500 に答える