While working on an update for Once Upon a Bride’s handmade jewellery website, I had to overcome a certain bug or problem in Internet Explorer that caused images loaded into Loader Components to render incorrectly and scale incorrectly, usually with incorrect width and height. This was occurring after loading about 12 – 15 images.

So instead of loading them all at once, I made it load only eight images, and let the users view a page of eight at a time. The only problem I had was clearing the old thumbnails before loading the new ones.

The Solution

The Solution After a bit of looking around, here’s the code:

function clearMovieClips(parentMovieClip) {
	for (obj in parentMovieClip){

		if (typeof(parentMovieClip[obj])=="movieclip"){
			parentMovieClip[obj].removeMovieClip();
		}
	}
}

The Proof

Now a nice before and after shot:

Before:

After:

Related Posts:

• Accessible, Valid Dropdown Menu or Popup Menu using CSS and Semantic HTML
• XHTML and HTML5 Compliant Flash – Stop Using Embed and Invalid XHTML/HTML5
• PNGs Have Different Colours in Different Browsers?
• Opera says Microsoft “deprives consumers of a real choice”