Javascript 关于预加载img脚本的说明

我想尝试在上一个stackoverflow问题上找到的这个预加载img脚本-

为了澄清起见，我的图像路径是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'
]);

函数预加载（数组图像）{
$（arrayOfImages）.each（函数（）{
$（'您只需加载并在数组中放置正确的映像路径

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

脚本所做的是在内存中创建一个
标记，并加载具有给定源的图像。就是这样。除非将
添加到DOM中，否则它不会出现在屏幕上

如果你有一个像Firebug这样的调试工具，你可以查看“NET”选项卡并验证映像是否已加载到内存中。
谢谢-如果我的路径是images/bg/image1.png，那也可以吗？我是否需要更改此行：$（''）[0].src=this；出于任何原因？我下载了jquery-1.9.1nevermind-我更改为$（''）[0].src=this；这与我现在拥有的路径相同，页面现在加载速度更快。感谢您的帮助打开开发人员工具，查看网络流量，以及它何时和多少次发送图像请求