0

このコードは、次のようにimgsrcがすでに設定されている場合に機能します。

<div id="images">
<img src="something.jpg" />
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $("div#images").hide();
        $("div#images").find("img").load(function(){
            $(this).closest("div#images").show();
        });
    });
</script>

しかし、images srcがスクリプトを呼び出している場合は機能しません:

<img src="getimage.php?img=something.jpg" />

getimage.phpで、私はreadfile($ _ GET ["img"]);をエコーし​​ます。

どうすればこれを機能させることができますか?

パトリック

4

3 に答える 3

0

attr()SRC属性を操作する場合は、JQueryの関数を使用できます。

$("#myImg").attr("src","newImage.png");
于 2012-12-15T16:01:52.350 に答える
0

window.onloadの代わりに使用し$(document).readyます。

$(document).readyHTML の準備ができたときに window.onload発生し、画像と内容が読み込まれた後に発生します。

あなたのコードの問題は、div「div#images」内の画像のいずれかが読み込まdivれると、他の画像がまだ読み込まれていない場合でも、それを表示する関数が呼び出されることだと思います。

「div#images」を非$(document).ready表示にして、に表示することができwindow.onloadます。

于 2012-12-15T16:10:02.060 に答える
0

ありがとう!

それが私がしたことです:

<script type="text/javascript">
$("div#images").hide();
var $images = $('div#images img');
var loaded_images_count = 0;
$images.load(function(){
    loaded_images_count++;
    if (loaded_images_count == $images.length) {
        $("div#images").show();
    }
});
</script>
于 2012-12-15T22:25:22.970 に答える