0

バニラ JS または jQuery のいずれかを使用して、背景画像をプリロードする方法が必要です。通常の ul である純粋な CSS3 bg ギャラリーを使用しており、各 li は完全な bg 画像を表します。

img タグはありません。各 li は css background-image プロパティを使用します。私は 4 つのギャラリーを持っており、それぞれが要求に応じて AJAX によって読み込まれます。

誰かがいくつかの例、または各ギャラリーの画像をプリロードするのに役立つスクリプトを指摘できれば、ギャラリーが読み込まれると、画像は既にプリロードされます。

http://www.madebym.net/test/index.htmlでテスト サイトを確認できます。

リンクの最初のセットのみが機能しており、それぞれが新しいギャラリーを指しています。

4

1 に答える 1

1

画像のプリロードを処理するために使用するグローバル ユーティリティ関数があります (画像の配列を渡すことができます)。

    $.preloadImages = function () {
        for (var i = 0; i < arguments.length; i++) {
            $('<img>').attr('src', arguments[i]);
            // For testing purposes: 
            //console.log('\n\u2713 Successfully Preloaded Image :: ');
            //console.log($('<img>').attr('src', arguments[i]));
        }
    }

使用法は次のとおりです。

    $.preloadImages('test.jpg', 'test2.jpg'); // put all your images in there

しかし、基本的には空白を作成しているだけです$('img')。それが役立つことを願っています!

于 2012-08-30T19:14:20.040 に答える