0

次のようなjavascript/jquery変数があります。

var divs='<div><img src="link1"></div><div><img src="link2"></div><div><img src="link3"></div>'

最後にdiv、他の jquery ライブラリを使用して、これらの s をコンテナーに挿入しています。しかし、コンテナに挿入する前にそれらの画像をロードしたいと思います。

追加する前にもチェックしたいので、jquery.loadはここでは機能しません。

$('.img')
    .load(function(){
        $('#result1').text('Image is loaded!'); 
    })
    .error(function(){
        $('#result1').text('Image is not loaded!');
    });

では、他にどのような選択肢がありますか?

4

3 に答える 3

0

次のことを試してください。

$('img')
    .load(function(){
        $('#result1').text('Image is loaded!'); 
    })
    .error(function(){
        $('#result1').text('Image is not loaded!');
    });

$('.img')セレクターのすべての要素には、「img」という名前のクラスがあります。

$('img')セレクターすべての<img> </img>要素

于 2013-03-08T03:41:38.160 に答える
0

ページのどこかで画像を事前に読み込み、非表示にします。これで、遅延なく即座に読み込まれます ....

スニペットEX:

<html>
<body>
<!-- your code -->

<img src="link1" style="visibility:hidden"/>
</body>
</html>
于 2013-03-08T03:46:24.360 に答える
0

onImagesLoad プラグインをチェックしてください。

于 2013-03-08T03:27:53.643 に答える