0

問題 - 実行時に、jquery を使用して一部の画像の src 属性を変更/置換しています。これらの画像はデフォルトで非表示になっています。一部の画像をダウンロードできない可能性もあるため、これらの画像がダウンロードされて表示できるようになったら、これらの画像を表示したいと考えています。

         <img id="pic_1" width="153" height="160" border="0" 
                onmouseout="this.style.border='2px solid #FFFFFF';"
                   onmouseover="this.style.border='2px solid #4585E7';" 
                                       style="visibility: hidden;" 
                                        src="**to be replaced at run time**"">

どうすればこれを達成できるか、解決策を教えてください。

4

4 に答える 4

1

musefan の回答に加えて、キャッシュされた画像も操作する必要がある場合は、それ以上のものが必要になります。load()

https://github.com/desandro/imagesloadedを確認してください。画像が読み込まれたときにコールバックをトリガーする jQuery プラグインです。キャッシュされた画像でも機能します。

詳細については、読み込まれた画像の jQuery イベントを確認してください。

于 2013-04-25T10:38:01.410 に答える
0

このコードは、クラス「プリロード」を使用して、サイトにあるすべての画像にフックします。

$(function(){
    //Hide all pictures first (You could here work on some loading animations if you want)
    $("img.preload").css("display", "none");

    //When the image is loaded, show it again
    $("img.preload").load(function(){
        $(this).css("display", "block");
    });
});
于 2013-04-25T10:44:48.453 に答える