預(yù)載入和javascript image()對象

1、預(yù)載入和預(yù)載入和JavriptJavriptImage()Image()對象對象2010041312:37:04|分類：默認分類|字號訂閱很多highres圖像真的可以使Web站點更加整潔。但是它們也會使站點的訪問速度變慢——圖像是文件，文件使用帶寬，帶寬直接與等待時間相關(guān)。是該了解如何通過一個叫做圖像預(yù)載入（preloading）的技巧來提高Web站點的訪問速度的時候了。圖像預(yù)載入圖像預(yù)載入對于瀏覽器載入圖像來說，只有在對圖像發(fā)送一個

2、HTTP請求之后，它們才會被瀏覽器載入，對圖像的HTTP請求要么使用＜img＞標(biāo)記，要么通過方法調(diào)用實現(xiàn)。如果使用Javript腳本來處理在mouseover事件時交換圖像，或者在一段時間之后自動更改圖像，那么在從服務(wù)器獲取圖像時可能要等上幾秒鐘到幾分鐘的時間。如果使用一個慢速的Inter連接，或者要獲取的圖像非常大，或者其它一些情況，這種現(xiàn)象就特別明顯；這樣，延遲就造成你不能達到自己期望的效果。一些瀏覽器采用一些措施來緩解這一問題，比

3、如試圖通過在本地緩存中存儲圖像，從而使隨后對圖像的調(diào)用能夠立即被滿足；但是在圖像第一次被調(diào)用時依然會存在一些延遲。預(yù)載入是在需要圖像之前將其下載到緩存的一種方法。通過這一措施，當(dāng)真正需要圖像時，它就可以被立即從緩存中取出，從而能夠立即顯示。Image()Image()對象對象預(yù)載入圖像最簡單的方法是在Javript中實例化一個新Image()對象，然后將需要載入的圖像的URL作為參數(shù)傳入。假設(shè)我們有一個圖像叫做htmldata20060

4、626heavyimagefile.jpg，在用戶的鼠標(biāo)放到一個已經(jīng)顯示的圖像之上時，我們希望顯示這個圖像。為了預(yù)載入這一圖像從而得到較快的響應(yīng)時間，我們簡單地創(chuàng)建一個Image()對象heavyImage，然后在onLoad()事件處理器中將其同時載入。在實際應(yīng)用中，我們可能需要預(yù)載入多個圖像，而不止一個；例如，在一個包含多個圖像翻卷的菜單欄中，或者在我們試圖創(chuàng)建平滑效果時，都需要預(yù)載入多個圖像。其實這并不困難，只要使用Javript