大图像的Jquery预加载

Question

如何仅在加载此类图像时才加载页面？基座不工作，请键入：

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

是一个背景图片，并且可以用jquery插件打开其他分辨率的后拉伸，它使用了一个带有类后拉伸的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();