Example of IE Bug with animated image (Function onload)

In follwoing animated image we have only 3 frames:

This sample shows bug in Internet Explorer (IE6, IE7, not checked in IE5). When you using onload function for animated image (glitter text in our example) it loops and never complete. Below we give code of our sample. Check it in IE. You'll see infinite loop or printing phrase "loaded at .. " with time of loading.

<script type="text/javascript"> function _print(e) { document.body.appendChild(document.createTextNode(e)); document.body.appendChild(document.createElement('BR')); } </script> <div><img src="images/glitter_text.gif" alt="Animated Glitter Text" onload="_print('loaded at ' + (new Date()))" /></div>

Have to say what IE full of bugs :) In any other browser this code working well.
Return to Webmasters Blog