2013-01-18 105 views
1

對不起,noob問題,但我想加載一個網頁上的GIF和使用JavaScript圖片本地路徑

HTTP鏈接像下面它的作品完美。

但是,當我與路徑替換它,它沒有作用

的GIF是網頁中的同一個文件夾

我沒有嘗試:

  • /thegifname.gif
  • ./thegifname.gif
  • //thegifname.gif
  • thegifname.gif

但這些作品沒有人,使用的代碼和本地路徑

./thegifname.gif它的工作原理,即在調試器和斷點!但沒有調試工具,我無法看到gif。

<script language="javascript" type="text/javascript"> 
var size = 0; 
var id= 0; 

function add_gif() { 
    document.getElementById("Label1").style.display = "none";  
    show_image("http://i789.photobucket.com/albums/yy180/Lendisson/progress_bar.gif", 300,15, "Running"); 
} 


function show_image(src, width, height, alt) { 
    var img = document.createElement("img"); 
    img.src = src; 
    img.width = width; 
    img.height = height; 
    img.alt = alt; 
    document.getElementById("divUpload").style.display="inline"; 
    var div = document.getElementById("divUpload"); 
    div.appendChild(img); 
} 

</script> 
+1

您確定圖片與您上面運行js代碼的頁面存在於相同的文件夾中嗎? – Marek

+0

'#Label1'裏面的'#divUpload'?如果是這樣,您還需要爲'#Label1'設置'display ='''。 – Teemu

+1

嗯!確認後,打開你的螢火蟲,並嘗試點擊圖像src,如果它打開圖像,這意味着它正在獲取資源,並有一些顯示問題。如果不是,那麼在路徑 –

回答

4

確定這裏是查找和調試過程。

1.打開你的螢火蟲,嘗試點擊圖像src,如果它打開圖像,這意味着它正在獲取正確的圖像資源,並有一些顯示問題。

如果沒有,那麼在提供的路徑中有錯誤的檢查它。

2.如果圖像正確打開,這意味着您的圖像正確加載剛剛被稍後的其他元素覆蓋。

3.如果是這種情況再次打開螢火蟲,只是玩風格的屬性,你會看到你的形象。

4.如果沒有,然後調試它。你一定會發現問題。

如果我留下了一些在發現問題時發現的問題。請發表評論

+0

確定是2 THX –

+1

@frank,快樂coading –