Hey all,

Hope someone can assist me here, I am building an app that connects to Flickr and retrieves images based on a user's id. This works great, I can retrieve images and display them ok as thumbnails.....(I am using the open source Flashr code to do the job.)

I am now wanting to adapt this script a little to add a fade in animation to each image as it is loaded/shown, sounds simple but I can't seem to get it. Here is the class that initiates the thumbnail:

Code:
import com.kelvinluck.flashr.core.Photo;
import com.qlod.LoaderClass;
import mx.events.EventDispatcher;
/**
* Class: Thumbnail
*
* Author:
* Kelvin Luck
*/
class com.kelvinluck.barcamp.Thumbnail extends MovieClip
{
	var photo:Photo;
	var loadBar:MovieClip;
	var photoHolder:MovieClip;
	
	/**
	* Function: Thumbnail
	* Constructor
	**/
	function Thumbnail()
	{
		EventDispatcher.initialize(this);
		loadBar._xscale = 0;
	}
	function setPhoto(photo:Photo, loader:LoaderClass)
	{
		this.photo = photo;
		this.createEmptyMovieClip('photoHolder', 1);
		loader.load(photoHolder, photo.thumbnailUrl, this);
	}
	function onLoadProgress(event:Object)
	{
		loadBar._xscale = event.target.getPercent();
	}
	function onRelease()
	{
		dispatchEvent({type:'onThumbnailPress', photo:photo});
	}
	
	// mixed in by event dispatcher
	var dispatchEvent:Function;
	var addEventListener:Function;
	var removeEventListener:Function;
	
	/**
	* Function: toString
	**/
	public function toString():String
	{
		return "[com.kelvinluck.barcamp.Thumbnail]";
	}
}
This is where I presume a fade in script may go, perhaps in the onLoadProgress method?

Any thoughts would be greatly appreciated. Thanks.