Javascript 页面底部的jquery图像预加载

我有一个jQuery图像预加载脚本，如下所示：

<script>
jQuery(function(){
        $.preload(
       '1.jpg',
       '2.jpg',
       '3.jpg'
        );
    });
</script>

jQuery（函数（）{
$预加载(
"1.jpg",，
"2.jpg",，
‘3.jpg’
);
});

问题是图像是根据当前页面动态生成的，因此它们并不总是相同的。我对页面的页眉、主要内容（包含图像生成代码）和页脚有单独的页面

页脚包含jqueryjs代码，因此页面加载速度更快，但显然它使预加载变得无用，因为预加载是在JQuery之前在主内容页中生成的

在jQuery加载之后，我没有办法包含图像预加载，因此我唯一的其他选择是将jQuery加载移动到页面的标题中，这将减慢加载时间

我试图将其更改为DOM ready，但这似乎也不起作用，除非我做错了什么：

<script>
jQuery(function(){
$( document ).ready(function() {
        $.preload(
       '1.jpg',
       '2.jpg',
       '3.jpg'
        );
    });
});        
</script>

jQuery（函数（）{
$（文档）.ready（函数（）{
$预加载(
"1.jpg",，
"2.jpg",，
‘3.jpg’
);
});
});        

有没有办法只在jQuery代码加载后执行图像预加载

谢谢：）

页脚包含jqueryjs代码，因此页面加载速度更快，但显然它使预加载变得无用，因为预加载是在JQuery之前在主内容页中生成的

如果您的图像是浏览器获取的HTML的一部分，那么不管怎样，预加载它们（作为同一页面的一部分）是没有意义的。预加载对于您认为可能在将来某个时候显示的图像非常有用

---

所以只要继续这样做，不要担心让当前页面更快，因为你做不到。

你已经在使用dom ready

jQuery（function（）{

什么是

$。preload（）

？它正在从以下位置调用图像预加载程序：）实际上，图像预加载是由于我正在使用图像缩放，所以我正在预加载缩放后的图像。@user2643870:所以继续这样做…