CS3 Loader component and IE7

Question

I'm not too sure I want to troubleshoot anymore when it comes
to the Loader component and IE7, but I wanted to check if anyone
has anything new on the matter. All searches concerning this issue
show unanswered posts, so I guess it's just another bug/conflict
that Adobe isn't concerned about or if the issue is just with IE7.
The main issue is when loading images into the loader component,
scaleContent set to default (true), autoLoad set to default (true),
when images are loaded, they are not always aligned properly in the
center. Plus, most of the time I see a flicker of the image
appearing either on the top left or bottom left of the loader
before the image appears as it should. I've even tried AS2 to
center the loader.content._x and loader.content._y on
listener.complete (see code), but randomly the loaded image's (0,0)
position seems to be in the center of the loader (I was going to
provide a screen shot of what I'm talking about, but I think the
explanation is clear). All the above works great on Firefox, Opera,
Safari, and even the crappy AOL browser, but not consistently on
IE7.
Is this a known issue or an unsolved bug?
Unless anyone has an answer to the above, I would like to
also ask around about purchasing loader components online. I've
seen several, but wanted some testimonials from people who have
used them.
If anyone wants to visually see what I'm talking about, go to
Design Visions of
Austin and click "on the boards". If you compare the website
using Firefox versus IE7, you will see what I mean.
Thanks to anyone who can help. I hope this post doesn't go
unanswered. In the past, I've helped a lot of people, so I would
appreciate if someone could help me for once :) thanks again...
I just realized... two variables I mentioned in my code were
assigned prior to the attached code.
var cpLoader:mx.controls.Loader;
var cpLoaderWidth:Number = cpLoader.width;
var cpLoaderHeight:Number = cpLoader.height;

Answer 1

The flicker happens on both FF2 and IE7, and is because you
are positioning after the load is complete. To solve this, set the
visibility of the Loader to false (cPLoader._visible = false;)
before moving the content, and to true after. IE (you could try it
this way, but it might not work)
cpLoaderListener.complete = function(evt_obj:Object) {
mcPreloaderClip._visible = cpLoader._visible = false;
var cpLoaderContentWidth:Number = cpLoader.content._width;
var cpLoaderContentHeight:Number = cpLoader.content._height;
cpLoader.content._x = (cpLoaderWidth - cpLoaderContentWidth)
/ 2;
cpLoader.content._y = (cpLoaderHeight -
cpLoaderContentHeight) / 2;
cpLoader._visible = true;
It would be better to set cpLoader._visible = false on the
button click that loads the image, maybe with an automatic fade out
implemented to make it smoother. Then setting it back to true after
moving it fixes the flicker effect.
As for the centering not working in IE7. The very first image
does not center properly in IE7, but after that everything works
identical to FF. I am unsure how to fix that issue. I have always
implemented a centering script myself to ensure that things get
centered properly, and have not yet had any problems with it.