页面底部的jquery图像预加载

Question

我有一个这样的 jQuery 图像预加载脚本：

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

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

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

我无法在加载 jQuery 之后包含图像预加载，所以我唯一的其他选择是将 jQuery 加载移动到页面的标题中，但这会减慢加载时间。

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

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

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

谢谢你:)

Answer 1

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

如果您的图像是浏览器获取的 HTML 的一部分，那么无论如何预加载它们（作为同一页面的一部分）是没有意义的。预加载对于您认为可能在未来某个时间出现的图像很有用。

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