JS: Изображение не показано

Question

Я хочу показать простую анимацию загрузки ajax в течение периода ожидания. Изображение будет скрыто на window.load, как и должно быть, но когда я нажимаю на изображение и использую onclick= call, изображение не отображается.

Это мой showImage() метод

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

И это мой ДИВ

<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> 

Answer 1

Там нет display:normal, вы хотите display:inline-block, так как встроенный блок является дисплей по умолчанию свойство img.

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

Также все ваше div, содержащий изображение не отображается так, чтобы показать изображение также должны быть отображены его предок элементы.