Hi,
I have a slideshow that loads in an xml file and then loads in and out of the images specified within the file. It was working great and then I had noticed that it keeps skipping over the first image. When it loops back around it displays it but when you first go to the page that would have the slideshow on it, it skips the first image.
To see what I mean please check out http://www.evanbartlett.com/gyslide/
When it loads you'll notice how it goes blank for a few seconds before fading in with the image, which happens to be the second image and not the first. I'm not sure what it would be doing to cause this. Below is the actionscript for my flash file.
Any help would be much appreciated. Thanks in advance!PHP Code:// 1st frame AS
// Disable slideshow movie scaling
fscommand("allowscale", "false");
// Hide the captions box while images are loading
this.caption._visible = false;
// Load and parse the slideshow variables
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = parse_data;
xmlData.load("photos.xml");
// Function: parse_data
//
// Parameters: success - bollean.
//
// Description:
// Checks to see if the XML data being loaded into the XML object had loaded
// properly. If it has, call parseXmlArray passing it the XML object. Otherwise,
// output an error.
function parse_data(success) {
if (success == true) {
xmlData = parseXmlToArray(xmlData.firstChild);
// xml_data.text = "Parse was succsessful. Use debug to view the xmlData variable.";
}
// else {
// xml_data.text = "Error:\nThe XML document did not load properly.\n";
// }
}
// Constructor:
// multiNodeObject
//
// Methods:
// - length()
// returns number of numbered items in the object.
// Default Constructor
function multiNodeObject() {
}
// Inherits properties from class object
multiNodeObject.prototype = new Object();
// Length method:
// Caculates and returns the number of numbered items in the object
multiNodeObject.prototype.length = function() {
var count = 0;
for (var name in this) {
var addCount = true;
for (var i = 0; i<name.length; i++) {
if (name.charCodeAt(i)<48 || name.charCodeAt(i)>57) {
addCount = false;
}
}
if (addCount) {
count++;
}
}
return count;
};
// Register the Class multiNodeObject
Object.registerClass("multiNodeObject", multiNodeObject);
// Parameters: xm - a 'loaded' XML object.
//
// Returns: temp_obj = an array ojbect
//
// Description:
// This function recursivly traverses through an XML object creates a series
// of embedded arrays using nodeNames and nodeValues. The result is an array
// object of that XML data that can be accessed through dot indexing.
function parseXmlToArray(xm) {
// temporary object that will be returned
var temp_obj = new Object();
// Checks to see if the current xml object has any children. If it doesn't,
// There is not data here and the function will end.
if (xm.hasChildNodes() && xm.childNodes.length>1) {
temp_obj[xm.nodeName] = new multiNodeObject();
for (var i = 0; i<xm.childNodes.length; i++) {
temp_obj[xm.nodeName][i] = parseXmlToArray(xm.childNodes[i]);
}
} else if (xm.hasChildNodes() && xm.childNodes.length == 1) {
if (xm.firstChild.nodeType == 1) {
temp_obj[xm.nodeName] = parseXmlToArray(xm.firstChild);
} else if (xm.firstChild.nodeType == 3) {
var temp2 = new Object();
temp2["value"] = xm.firstChild.nodeValue;
// Outputs the current nodes' attributs array to the xml_data textbox
if (xm.attributes) {
for (var name in xm.attributes) {
temp2[name] = xm.attributes[name];
// xml_data.text = xml_data.text + "-" + name + " : " + xm.attributes[name] + "\n";
}
}
temp_obj[xm.nodeName] = temp2;
}
}
// Outputs the current nodes' attributs array to the xml_data textbox
if (xm.attributes) {
for (var name in xm.attributes) {
temp_obj[xm.nodeName][name] = xm.attributes[name];
// xml_data.text = xml_data.text + "-" + name + " : " + xm.attributes[name] + "\n";
}
}
return temp_obj;
}
// 3rd frame AS
// Check to see if the XML data has been parsed. If it has, store
// the parsed XML variables into the flash application. Otherwise,
// loop back to wait.
if (xmlData.loaded == false) {
gotoAndPlay(_currentframe-1);
} else {
// The folder that the images are stored in
this.image_folder = xmlData.slideshow[0].settings[0].image_folder.value;
// The number of images the slideshow will play
this.numImages = xmlData.slideshow[1].images.length();
// Number of seconds each images will be shown for
this.time = Number(xmlData.slideshow[0].settings[1].time.value);
// Number of seconds each images takes to fade in a out
this.fade = Number(xmlData.slideshow[0].settings[2].fade.value);
// Whether the cycle of images should repeat or not
this.repeat = true;
// Whether the captions box should be shown
this.captions = xmlData.slideshow[0].settings[4].captions.value;
// Width of the slideshow movie
this.movie_width = 280;
// Heighth of the slideshow movie
this.movie_height = 212;
// Hide the dropzone movie where the images will be loaded to
this.image_dropzone._visible = false;
// Set the first image to be played
this.currentImage = 1;
// Set the last image that was played
this.oldImage = 0;
// Set whether the image has been shown or not
this.imageShown = 0;
// Number of frames that makes up a second
this.second = 31;
// Starting value for the counter
this.counter = 0;
}
// 4th frame AS
// Load all the images from the XML data
for(var i=1; i<=numImages; i++){
this.image_dropzone.duplicateMovieClip("image_dropzone" + i, i);
this["image_dropzone" + i].loadMovie(this.image_folder + xmlData.slideshow[1].images[i-1].image[0].file.value);
}
// 5th frame AS
// Loop through all the images that have been loaded into the
// slideshow
for (var i = 1; i<=numImages; i++) {
// Check to see if see if 'i' matches the current image to be shown
if (i == this.currentImage) {
// Check to see if the image to be shown is loaded or not
if (this["image_dropzone"+this.currentImage].getBytesLoaded()>=this["image_dropzone"+this.currentImage].getBytesTotal()) {
// Check to see if the image has been shown yet
if (this.imageShown == 0 && this.currentImage != this.oldImage) {
// Show the image and prep it for fading
this["image_dropzone"+this.currentImage]._visible = true;
this["image_dropzone"+this.currentImage]._alpha = 0;
this.imageShown = 1;
this.loader._visible = false;
// If the image has already been shown and preped
} else {
// Check to see if the images needs to be faded in
if (this.currentImage != this.oldImage && this.fade>0) {
// Fade in the image
this["image_dropzone"+this.currentImage]._alpha = 100*(this.counter/(this.fade*this.second));
this.loader._visible = false;
// If the image does not need to be faded in
} else {
// Show the image
this["image_dropzone"+this.currentImage]._alpha = 100;
this.loader._visible = false;
}
// Move the image to the middle of the slideshow screen
this["image_dropzone"+this.currentImage]._x = (this.movie_width-this["image_dropzone"+this.currentImage]._width)/2;
this["image_dropzone"+this.currentImage]._y = (this.movie_height-this["image_dropzone"+this.currentImage]._height)/2;
// Check to see if captions should be shown
if (this.captions == true || this.captions == "true") {
// Make the captions box visible and load the caption text for the current image
this.caption._visible = true;
this.caption.tb_caption.text = xmlData.slideshow[1].images[i-1].image[1].caption.value;
// If captions should not be shown
} else {
// Hide the captions box
_root.caption._visible = false;
}
// Swap depths of images so everything is layered in the correct order
this.photo_frame.swapDepths(numImages+3);
this.caption.swapDepths(numImages+2);
}
// If the current image has not been fully loaded, hide it
} else {
this["image_dropzone"+i]._visible = false;
this.loader._visible = true;
}
// Check to see if 'i' is the old image
} else if (i == this.oldImage && this.fade>0) {
// Fade the old image out
this["image_dropzone"+this.oldImage]._alpha = 100-(100*(this.counter/(this.fade*this.second)));
// If 'i' is not the current image or the old image, hide image 'i'
} else {
this["image_dropzone"+i]._visible = false;
}
}
// Increment the counter
this.counter++;
// Check to see if the counter has exceeded the fade and time to show the image
if (this.counter>((this.time+this.fade)*this.second)) {
// Reset the counter
this.counter = 0;
// Set the current image as the old image
this.oldImage = this.currentImage;
// Increment the current image
this.currentImage++;
// Check to see if the current image exceeds the number of images in the slideshow
if (this.currentImage>numImages) {
// Check to see if the slideshow should be repeated
if (this.repeat == true) {
// Set the current image back to the beginning
this.currentImage = 1;
// If the slideshow is not to be repeated, hold on the last image
} else {
this.currentImage = this.numImages;
}
}
// Set the current image as not shown
this.imageShown = 0;
}
//6th frame AS
// Loop back to and play
gotoAndPlay(_currentframe - 1);
Evan
A Flash Developer Resource Site
Reply With Quote
