2010-09-22 89 views
0

當我點擊一個按鈕,然後調用一個javascript函數,它將圖像加載到頁面中。但圖像加載不正確。圖像大小爲72kb,圖像來自數據庫,並且已經加載到服務器啓動中。JavaScript Image加載

如果我把任何警報消息,然後圖像加載正常。這個問題背後的原因是什麼?

var catImg = document.getElementById(\"CategorySampleImage\"); 
    var oldImgSrc = catImg.src; 
    var newImgSrc = oldImgSrc.substr(0,oldImgSrc.indexOf(\"images\"))+\"images/\"+\""+imageName+"\"; 
    catImg.src=newImgSrc; 
    for (var intCounter = 1; intCounter <= 500; intCounter++){ 
    for (var counter = 1; counter <= 500; counter++) 
    { 
      if(counter==500) 
       break; 
      } 
    } 
    document.getElementById(\"light\").style.display=\"block\"; 
    document.getElementById(\"fade\").style.display=\"block\";"; 

代碼適用於除IE6以外的所有瀏覽器。在IE6中,我可以看到白色區域代替圖像,我需要右鍵單擊白色區域並選擇「顯示圖像」。但同一個div中的較小圖像正確顯示。不知道我怎麼能在IE6上解決這個問題。

+6

「Java對JavaScript來說就是Car car to carpet」。 :) – 2010-09-22 06:33:42

+1

一些代碼將大大幫助我們幫助你。 – 2010-09-22 06:35:10

+0

你給我們代碼。我們給你解決方案。 – 2010-09-22 06:40:29

回答

0

加載它時可以使用圖像對象上的onload事件,以確保它已被加載。

Ex。

catImg.onload = function(){ /* Image is loaded. Do something here*/ }