0

タイムアウト期間中に単純な ajax 読み込みアニメーションを表示したいと考えています。画像は正常に非表示になりwindow.loadますが、画像をクリックして を使用するonclick= callと、画像が表示されません。

これが私の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>
4

2 に答える 2

0

inline-block は のデフォルトの表示プロパティであるためdisplay:normal、必要なはありません。display:inline-blockimg

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

また、画像を含む全体divが表示されないため、画像を表示するには、その祖先要素も表示する必要があります。

于 2013-03-06T19:08:08.957 に答える