animated image not moving/animating in IE(Internet Explorer)

If you are having Problem showing loader GIF in Internet Explorer or any animated image. You can use a css trick via javascript for the same.

Pre-load loader image and insert it via JavaScript on run time.

<script>
function showLoader(){
document.getElementByID("loaderImgContainer").innerHTML='<img id="loaderImg" src="../loader.gif" style="display:none">';
document.getElementByID("loaderImg").style.display='block';
}
</script>
<body>
...
..
<button onClick="showLoader();"></button>
<div id="loaderImgContainer"><img id="loaderImg" src="../loader.gif" style="display:none" /></div>
</body>

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>