jQuery的DIV当所有的图像加载(jquery div when all images load

当它被加载，这样做我可以加载图像：

<img style="display:none;" src="big3.jpg">
<script type="text/javascript">
    $('img').load(function(){
        $(this).css({'display':'block'})
    });
</script>

但我要的是加载在所有IMG加载DIV，但是这是不工作的，为什么？ ：

<div style="display:none;">
    <img src="big3.jpg">
</div>
<script type="text/javascript">
    $('div').load(function(){
        $(this).css({'display':'block'})
    });
</script>

Answer 1:

作为@Kolink说，div的不加载。 此代码将显示DIV当所有的DIV中的图像已加载。 （另）

var $images = $('div img');
var loaded_images_count = 0;

$images.load(function(){
    loaded_images_count++;

    if (loaded_images_count == $images.length) {
        $("div").show();
    }
});

Answer 2:

<div>元素不加载，图像做。 你要听的图像加载时，然后得到<div>和表现出来。

Answer 3:

我知道为时已晚来回答这个问题，但任何人查看此主题，有一个简单易用的jQuery插件，有很多其他技巧来完成这项工作。 你可以看看这里 。 然后检查所有图片的加载，你只需要做到这一点

$('#container').imagesLoaded()
  .always( function( instance ) {
    console.log('all images loaded');
  })

文章来源: jquery div when all images loaded