2013-03-06 85 views
0

我想在超時期間顯示簡單的ajax加載動畫。圖像隱藏在window.load上,但是當我點擊圖像並使用onclick= call時,圖像未顯示。JS:圖像不顯示

這是我showImage()方法

function showImage(){ 
     document.getElementById('loadingImage').style.display="normal"; 
} 

,這是我的div

<div id='welcome' style="display:none"> 
Click to continue.<br /><br /><!--Viral Text--> 
<img src="like1.png" width="100" height="44" onclick="likeToUnlock(); showImage();" onmouseover="" style="cursor: pointer;"/> 
<p>&nbsp;</p> 
<img id="loadingImage" src="ajax.gif" style="display:none"/> 
</div> 

回答

0

沒有display:normal,你想display:inline-block,因爲inline-block的是img的默認顯示屬性。

document.getElementById('loadingImage').style.display="inline-block"; 

您還包含圖像整個div不顯示這樣顯示其祖先元素也必須顯示的圖像。

+0

Div顯示javascript,它顯示。只是圖像不顯示。我會嘗試內聯塊併發布結果 – 2013-03-06 19:19:31

+0

更新:我試過了,但沒有顯示出來。 – 2013-03-06 19:20:18

+0

@KrešimirČulina可以顯示'likeToUnlock' – Musa 2013-03-06 19:22:08