XML Image Slideshow with Preloader
| Category | : Flash | Views | : 45835 | ||
| Version | : 8 | Rating | : | ||
| Type | : Text | Source File | : xml-image-slideshow-with-preloader.zip | ||
| Result | : See the result | ||||
Go back to the flash, open the actions for the first frame and paste this:
//new XML object to load our xml file
var img_xml = new XML()
//ignore white to prevent problems
img_xml.ignoreWhite = true;
//load the xml
img_xml.load("images.xml");
//new array to store the path to the images
var imgArray = new Array();
//when the xml load this is called
img_xml.onLoad = function()
{
//get the timer from the first node of the xml file
var slideTimer:Number=Number(img_xml.firstChild.firstChild.attributes.time);
//loop for the number of nodes inside the xml
for (i = 1; i < img_xml.firstChild.childNodes.length; i++)
{
//populate the imgArray with the images
_root.imgArray[i - 1] = img_xml.firstChild.childNodes[i].attributes.path;
}
//loads the first image inside the loader component
imgLoader.load( _root.imgArray[0] );
//"setInterval" to call the function "nextImage" every 2
//secs if slideTimer is equal to 2000 milliseconds
setInterval(nextImage, slideTimer);
}
//the current image is 0, the first.
var curImage = 0;
_root.onEnterFrame = function()
{
//if the image isn't 100% loaded
if (imgLoader.percentLoaded != 100)
{
//Bar is visible
Bar._visible = true
//and scale it by the percentage loaded
Bar._xscale = imgLoader.percentLoaded
} else {
//if the image is completely loaded
//the Bar needs to be invisible.
Bar._visible = false
}
}
//called by "setInterval"
function nextImage()
{
//increases current image by 1.
_root.curImage++
//if curImage is the last image then
//go back to the first one
if (_root.curImage == _root.imgArray.length)
{
//first image
_root.curImage = 0;
}
//loads the new image using the path in the imgArray.
_root.imgLoader.load( _root.imgArray[curImage]);
}
Done, test your code. To see the progress bar working use the "Simulate Download" option on the flash debugger.
![]() |
![]() |
![]() |
![]() |
![]() |







