1. 首頁
  2. 問答
  3. JavaScript中的多圖像預加載器，代碼需要重新排序...幫助

JavaScript中的多圖像預加載器，代碼需要重新排序...幫助

2011-02-02 20 views
0

我遇到了一個教程，將圖像加載到緩存中，然後完成重定向到另一個頁面。 我想用一系列圖像做到這一點，然後當他們都加載重定向到一個新的頁面。它在教程中也提到了這一點，但並未完成。我已經嘗試重組此代碼來做到這一點，但由於我是一個完整的JavaScript noob我不能結合這兩個，並得到它的工作。JavaScript中的多圖像預加載器，代碼需要重新排序...幫助

這裏是網站http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317

如果有人能後的代碼了，我會非常感激。另外我認爲很多人會發現將它用作具有大背景圖像的站點的預加載器是有用的。

乾杯

UPDATE

感謝盧克，我想下面的代碼，但仍然沒有喜悅不幸.....任何想法？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<script language = "JavaScript"> 

function preloader() 

{ 

var loadedCount = 0; 
var myImagesToPreload = ["images/threewheelerback.jpg", "images/grunge.png", "images/smalllogo2.jpg"]; 

function loaded() { 
loadedCount++; 
if (loadedCount == myImagesToPreload) { 
    location.href="history.html"; 
} 
} 

function preloader() 
{ 
    for(i=0, imageObj; i<=myImagesToPreload.length; i++) 
    { 
      imageObj = new Image() 
      imageObj.src=myImagesToPreload[i]; 
      imageObj.onload = loaded; 
    } 
} 
} 

</script> 

<title>Untitled Document</title> 
</head> 
<body onLoad="javascript:preloader()"> 



<body> 
Loading.... 
</body> 
</html>

塊引用

來源

2011-02-02 mikedeveloper

回答

0 
var loadedCount = 0; 
var myImagesToPreload = ["image1.jpg", "image2.jpg", "image3.jpg"]; 

function loaded() { 
loadedCount++; 
if (loadedCount == myImagesToPreload) { 
    // Here you can leave the page... 
} 
} 

function preloader() 
{ 
    for(i=0, imageObj; i<=myImagesToPreload.length; i++) 
    { 
      imageObj = new Image() 
      imageObj.src=myImagesToPreload[i]; 
      imageObj.onload = loaded; 
    } 
}

來源

2011-02-02 16:40:16 Luke

+0

我不知道是否可行，但I'm只是使用本網站的人使用的方法。我希望他嘗試了這個東西 – Luke 2011-02-02 16:41:02

相關問題

 相關問題