澄清preload img脚本

Question

我想尝试在之前的stackoverflow问题上找到的这个preload img脚本 - Preloading images with jQuery

为了澄清，我的图像路径是img / bg / image1.jpg我需要更改此脚本中的任何内容才能使其正常工作吗？另外，我是否需要任何其他文件，如特定的jquery版本？我怎样才能测试它是否正常工作？

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

Answer 1

您只需要加载jQuery，然后将正确的图像路径放在数组中

preload([
    'img/bg/image1.jpg'
]);

脚本的作用是在内存中创建一个<img>标记，并使用给定的源加载图像。而已。除非您将<img>添加到DOM中，否则它不会显示在屏幕上。

如果您有像Firebug这样的调试工具，可以查看“NET”选项卡并验证图像是否已加载到内存中。