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的一部分，那么无论如何都无法预加载它们（作为同一页面的一部分）。预加载对于您认为将来可能出现的图像非常有用。

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

jquery图像预加载在页面底部

1 个答案: