JS功能可在页面加载之前预加载图像

我需要一个JavaScript代码，将图像加载到浏览器缓存中。有什么用？读这个：

当用户登录到我的网站时，他/他将被重定向到一个页面，该页面为“将您重定向到控制面板”，并且在那里也显示进度。现在，此“重定向器”页面具有背景，因为用户会体验到该页面，并且只看到3秒钟很多次，所以错过了背景图片，并且没有机会加载它，因为从页面加载到页面重定向只有3秒的间隔。这是我的ajax登录的示例：

$.ajax({
// do ajax stuff
success : function(msg)
{
  if(msg==true)
{
   // I NEED A FUNCTION HERE TO LOAD THEM IMAGE INTO CACHE BEFORE THIS PAGE 
   // TO LOAD THE REDIRECTOR PAGE. USING THIS, I CAN ENSURE THE EXISTENCE OF THE
   // BG IMAGE WHEN THE USER SEES NEXT PAGE. THIS BG IMAGE IS INDEED NEXT PAGE'S BG
   window.locatio.href = 'process/redirection/to/user-panel';
}
}
});

Jack Bonnema.. 5

此功能将起作用：

function preloadImage(url)
{
    var img = new Image();
    img.src = "/test/example.jpg";
}

另外，这是一个讨论在初始屏幕上预加载类似图像的问题，但是实现起来要复杂得多。

关于主题，如果您不必使用JavaScript，则可以在此处找到另一种可能在重定向页面上使用CSS和XHTML的解决方案。否则，顶部的代码应该起作用。希望这有帮助，祝你好运。