javascript - JS 函数在页面加载之前预加载图像

Question

我需要一个将图像加载到浏览器缓存中的 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';
}
}
});

Answer 1

此功能将起作用:

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

此外，here is a question讨论了类似的内容，在启动屏幕上预加载图像，但实现要复杂得多。

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