在jQuery中预加载背景图像

我无法预加载背景图像。这是我的尝试，但似乎仍然不起作用-也就是说，当我调用showAjaxLoader（“mytarget”）时，仍然会延迟查看图像。有人有什么建议吗

CSS:

脚本：

var ajax_loader = $('<div />').attr('class', 'entryform-ajax-loader');

function showAjaxLoader(target)
{
    $(target).append(ajax_loader);
}

function hideAjaxLoader(target)
{
    ajax_loader.remove();

var ajax_loader=$（''）.attr（'class'，'entryform ajax loader'）；
函数showAjaxLoader（目标）
{
$（目标）.append（ajax\u加载器）；
}
函数hideAjaxLoader（目标）
{
ajax_loader.remove（）；

在头部添加一个div，该div将源作为图像，在这种情况下，图像将在实际页面加载之前加载

<div style="display:none">
<img src="../images/preloader-entry-form.gif">
</div>

---

在头部添加一个div，该div将源作为图像，在这种情况下，图像将在实际页面加载之前加载

<div style="display:none">
<img src="../images/preloader-entry-form.gif">
</div>

---

作为替代解决方案，您可以将此脚本添加到文件中

$(function() {
$(document.body).append($("<img />").attr("src", "../images/preloader-entry-form.gif").hide())
});

$（函数（）{
$（document.body）.append（$）
这将在页面加载开始时加载图像。因此，当执行函数showAjaxLoader时，图像将立即加载。
作为替代解决方案，您可以将此脚本添加到文件中

$(function() {
$(document.body).append($("<img />").attr("src", "../images/preloader-entry-form.gif").hide())
});

$（函数（）{
$（document.body）.append（$）
它将在页面加载开始时加载图像。因此，当函数showAjaxLoader执行时，图像将立即加载。
它是如何工作的？是抛出javascript错误还是只是没有预加载图像？抱歉，我应该解释得更好，请再次查看我的问题我编辑了它。。…除了关闭函数hideAjaxLoader（目标）的“}”之外，看不到任何问题这实际上只是第一次加载时的一个问题。然后，对于每次连续加载/使用，它都会从本地缓存中提取它。除非这是一个大文件，否则它并不是一个真正的问题。它是如何工作的？是抛出javascript错误还是只是没有预加载图像？对不起，我应该解释得更好，请参阅我的说明再次提问我已经编辑了它……除了函数hideAjaxLoader（目标）的“}”关闭之外，没有发现任何问题这实际上只是第一次加载时的一个问题。然后，对于每次连续加载/使用，它都会从本地缓存中提取它。除非这是一个大文件，否则这并不是什么大问题。如果我以后在页面中使用相同的图像，这会导致图像加载两次吗？会影响页面性能吗？或者图像只加载一次然后从浏览器内存中使用等等？如果我以后在页面中使用相同的图像，这会使图像加载两次吗？会影响页面性能吗？或者图像只加载一次，然后从浏览器内存中使用等等？
$(function() {
$(document.body).append($("<img />").attr("src", "../images/preloader-entry-form.gif").hide())
});