Basic ActionScript3 Image Fading in and out in a infinite loop?07.12.13

Anonymous

/**********************************************************************
* Basic Infinite Image Fading
* with the help of the images.php it will look into a image folder
* and download the created xml file, after it will loop over and over 
* those images with a fading effect.
***********************************************************************/

/**********************************************************************
* Settings
***********************************************************************/
var img_path    = "http://danieldesignco.com/images/flash/slideshow/"
var img_width   = 450;
var img_height  = 300;
var img_x       = 0; 
var img_y       = 0; 
var fading_freq = 2000

/**********************************************************************
* Load the ActionScript 3 Libraries what include the Face Class we use
***********************************************************************/
import fl.transitions.*;
import fl.transitions.easing.*;

/******************************************************
* Create Pics Array what holds the Image Objects
*******************************************************/
var pics:Array = [];

/******************************************************
* Load a xml file what gets generated by a php file
* to list the images inside the directory
*******************************************************/
var xml:XML;
var urlRequest:URLRequest = new URLRequest(img_path +"images.php");
var urlLoader:URLLoader = new URLLoader();
urlLoader.dataFormat = URLLoaderDataFormat.TEXT;
urlLoader.addEventListener(Event.COMPLETE, urlLoader_complete);
urlLoader.load(urlRequest);

/******************************************************
* Function after the file is loaded, load xml object with data
*******************************************************/
function urlLoader_complete(evt:Event):void {
  xml = new XML(evt.target.data);
  /******************************************************
  Go through all xml nodes fill the image object loader 
  *******************************************************/
  for (var i:int = 0; i<xml.*.length(); i++){
    pics[i] = new Loader();
    pics[i].load(new URLRequest(img_path+xml.image[i].@filename));
  }
	 
  /******************************************************
  * Here start the Loop for the Fading Images 
  *******************************************************/
  myTimer.start()
	
}

/******************************************************
* Timer  to fade in the Images 4000=4sec;
*******************************************************/
var c =0;
var myTimer:Timer = new Timer(fading_freq);
myTimer.addEventListener(TimerEvent.TIMER, timerListener);
function timerListener (e:TimerEvent):void{

/******************************************************
* Create a Movie Clip and add the Loader to it
*******************************************************/
var mc:MovieClip = new MovieClip();
mc.addChild(pics[c]);
mc.width=img_width;
mc.height=img_height;
mc.x=img_x;
mc.y=img_y;

/****************************************************************
* Add the Movie Clip to the Stage and Start the Transition Fading
*****************************************************************/
addChild(mc)
TransitionManager.start(mc, {type:Fade, direction:Transition.IN, duration:9, easing:Strong.easeOut});

/****************************************************************
* Counter add and check if array of images has to be set to 0
*****************************************************************/
c = c +1;
if(c>pics.length-1)
c=0

}

07.12.13

Anonymous

the images.php file inside the image folder

07.12.13

Anonymous

Basic ActionScript3 Image Fading in and out in a infinite loop?07.12.13

the images.php file inside the image folder

Information Epoch 1732485229