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";
}

另外， 這是一個討論在初始屏幕上預加載類似圖像的問題，但是實現起來要復雜得多。

在主題上，如果您不必使用JavaScript，可以在此處找到另一種可能在重定向頁面上使用CSS和XHTML的解決方案。 否則，頂部的代碼應該起作用。 希望這有幫助，祝你好運。