2

jquery または JavaScript で 2 つのスプライト画像をプリロードしたいのですが、これらのスプライト画像は、ページが完全に読み込まれるまで表示されません。this、this、this、thisなどを試しましたが、どれもうまくいきません。ただし、単純な CSS HTML ベースのソリューションは機能します。しかし、私は多くのページを持っているので、CSS HTML ソリューションを使用できません。むしろ、すべてのページがアクセスできる単一の .js ファイルで動作するように、jquery ソリューションを使用したいと考えています。

機能するCSS Htmlベースのソリューション。

    <div id="preload">
    <img src='_ls-global/images/layout-images/layout.png'/>
    <img src='_ls-global/images/layout-images/layout2.png'/>
    </div>

    <style>
    #preload{ display: none;}
    </style>

この CSS HTML ベースのソリューションが機能しているため、このように jQuery を使用して実装しましたが、機能していません。

        $(window).load(function(){

        $("<div/>", {
          "id": "preload",
          "css": { "display" : "none"},
        }).prependTo("body");
        $("<img src='_ls-global/images/layout-images/layout.png'/>").appendTo("#preload");
        $("<img src='_ls-global/images/layout-images/layout2.png'/>").appendTo("#preload");

        });

それを行うための可能な方法を提案してください。

ありがとう。

4

2 に答える 2

2

バッチ イメージのプリロードの場合:

window.onload = function() {
    //preload images: set path, enter image names
    var path = '../images/';
    var images = [
        'my_image.png',
        'my_image2.png'
        ];

    for (image in images) {
        new Image().src = path + images[image];
    }
}
于 2013-03-12T14:07:44.877 に答える
0

なんでそんなに難しいの!?

ただ行う：

<script>
    $(window).load(function(){
        new Image().src = '_ls-global/images/layout-images/layout.png';
        new Image().src = '_ls-global/images/layout-images/layout2.png';
    });
</script>

それはトリックを行います。マークアップは必要ありません。

于 2012-08-24T20:52:11.887 に答える