Simple XML thing I made, images don't show on first run?

[jlizarraga]

Hi all,

I've attached the FLA for inspection.

Basically there are four tabs (the last one isn't loaded from XML and its contents haven't been created yet), and clicking on a tab loads a small amount of XML. Everything is working fine, but the first time an image is requested it doesn't want to display. Also, clicking the tabs really fast for a few seconds can cause all the images to vanish as well.

Inserting some trace actions (which have since been removed) revealed that when the images are not showing, Flash reports their containing MC as being visible and having full opacity, which are the properties being manipulated to fade in and display the images, so I'm stumped.

Here's the bit of code that handles the image loading:


//Image fading and resize functions.
function loadIMG(obj) {
var filesize = obj.photoWrap.photoMC.getBytesTotal();
var loaded = obj.photoWrap.photoMC.getBytesLoaded();
if (loaded != filesize) {
obj.photoWrap.preloaderMC._visible = true;
} else {
var photoW = obj.photoWrap.photoMC._width;//Width
var photoH = obj.photoWrap.photoMC._height;//Height
var photoR = photoW/156;//Ratio
var photoO = (117-photoH)/2;//Top Offset
obj.photoWrap.photoMC._width = 156;//Set width to 156
obj.photoWrap.photoMC._height = photoH/photoR;//Set corresponding height
obj.photoWrap.photoMC._y = (-(117/2))+photoO;//Vertically center image
obj.photoWrap.preloaderMC._visible = false;
if (obj.photoWrap.photoMC._alpha<100) {
obj.photoWrap.photoMC._alpha += 2;
}
}
}

Thanks for any replies! Please check out the attached file to get a better idea of what might be going wrong.

[jlizarraga]

Got it working. In case anybody stumbles across this, the problem turned out to be with the resizing happening every frame.

[jlizarraga]

Here's the revised code that works perfectly. ^_^


//Image fader.
function loadIMG(obj) {
var filesize = obj.photoWrap.photoMC.getBytesTotal();
var loaded = obj.photoWrap.photoMC.getBytesLoaded();
if (loaded != filesize) {
obj.photoWrap.preloaderMC._visible = true;
} else {
obj.photoWrap.preloaderMC._visible = false;
if (obj.photoWrap.photoMC._width != 156 && obj.photoWrap.photoMC._width != 0) {
var photoW = obj.photoWrap.photoMC._width;//Width
var photoH = obj.photoWrap.photoMC._height;//Height
var photoR = photoW/156;//Ratio
obj.photoWrap.photoMC._width = 156;//Set width to 156
obj.photoWrap.photoMC._height = photoH/photoR;//Set corresponding height
var photoO = (117-obj.photoWrap.photoMC._height)/2;//Top Offset
obj.photoWrap.photoMC._y = (-(117/2))+photoO;//Vertically center image
}
if (obj.photoWrap.photoMC._alpha<100) {
obj.photoWrap.photoMC._alpha += 5;
}
}
}