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。否则，顶部的代码应该工作。希望这有帮助，祝你好运。

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

1 个答案: