jQuery大图预加载

Question

仅在加载此类图像时如何加载页面？ 该基地不起作用，键入：

$('#IDdaImagem').on('load',function(){ 
})

是背景图片，并且可以使用jquery插件打开其他分辨率的backstretch吗，它使用了具有backstretch类的div，因为我在网站内容之前携带了2mb的背景图片？

我对此进行了测试并可以工作，但是我给出的项目却没有，当时却只在警报中起作用。

<script>
$('.backstretch img').load(function() {
    alert('done loading image');
    $("#corpo").show();
});
</script>

Answer 1

您的示例使我认为您不一定要“预加载”图像，而是要等到图像加载完成后再运行脚本。 您可以为此使用诸如waitForImages jQuery插件之类的东西。

https://github.com/alexanderdickson/waitForImages

Answer 2

尝试下面给出的代码：

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        // Alternatively you could use:
        // (new Image()).src = this;
    });
}

// Usage:

preload([
    'img/imageName.jpg',
    'img/anotherOne.jpg',
    'img/blahblahblah.jpg'
]);

使用Jquery插件：

$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

// Usage:

$(['img1.jpg','img2.jpg','img3.jpg']).preload();