Simple ActionScript 3 XML Gallery

December 20th 2007 - Entry Posted to: ActionScript 3

Sample ActionScript 3 Flash file for a very basic bare bones XML gallery with a scrolling thumbnails track, simple XML based image descriptions, external CSS and simple load progress handling. As of Version 1.3, this gallery supports multiple XML files.

This file was built as a demonstration of procedural coding using ActionScript 3 and as a direct comparison to a very similar sample file created using ActionScript 2. At times it is helpful to see comparisons between two different scripting methods, so you can see what has changed and how to achieve the same basic functionality when contrasting ActionScript 2 to ActionScript 3.

Updated Feb, 2009. Fix for thumbNails loading issues. Fix for using a loader object repeatedly and an argument error under Flash Player 9. Please let me know if you are still having problems using this Gallery with FP9!. Re factoring code. Updated to latest tweenLite release (VERSION: 9.3).

Example
Go here to see it in action;?Ǭ†http://www.noponies.com/dev/simplegallery/

Source Files
Here is the relevant source file; Simple ActionScript 3 Gallery (5464) - 570.43 KB
By downloading, you agree to the terms of use, outlined here: http://www.blog.noponies.com/terms-and-conditions

Comparison
Here is an ActionScript 2 version of a similar file.

Dependencies
File uses TweenLite which is included in the zip download. File is a Flash CS3 & CS4 file, and as this is AS3, there is no Flash 8 version.

252

ActionScript 2 Cross Fading XML Slide Show

December 16th 2007 - Entry Posted to: ActionScript 2

A class based cross fading slideshow for ActionScript 2. Class file now supports captions which can be set to display persistently or only via a rollOver event. Captions use an embedded font, (contained in zip archive), however you are free to change this font or use device fonts. Look in the class variable declarations for what variables you can set. You can now (as of v 1.4) use multiple instances of the class in your swf.

SlideShow Features
By Editing the XML file, you can;

    Specify cross fade time.
    Specify image duration.
    Specify image sequence order.
    Specify Captions
    Specify Persistent Captions

The class file takes one parameter in its constructor, which where you want the slideshow to appear.
By editing the class variables you can;

    Specify Font
    Specify Font Colour
    Specify Font Size
    Specify the use of embedded fonts
    Specify Text background colour and alpha
Example

You can preview the files here;?Ǭ†http://www.noponies.com/dev/simplecross

Source Files

Get the files here; Demo Source Files

Old Non Captions based Files here; Simple Cross Fading Class Source Files

Dependencies

Class uses the excellent TweenLite class from greensock, which you can obtain from here;?Ǭ†http://blog.greensock.com/tweenliteas2?Ǭ†?Ǭ†(class file is included in .zip download)

Updates

23 Feb, 2008: Updated class with new methods, one ensures no duplicate slides are shown one after the other when using the random mode. The other is a public method that you can call when deleting one slideshow and replace it with another using the same generic holder var. This method kills the currently running interval (well it should). Class now takes another parameter in the constructor, which is the path to the XML file you want to use. This lets you use multiple instances of the class in your swf.

42