XML News/Work Display - Image Viewer & Rotator

* UPDATED SEPTEMBER 8 *

Added Pre-Load sequence for large images

• Added a small preloader progress bar at the bottom, you can change it’s color through the XML
• Timer stops when preloading is happening and resumes when loading is done.
• Text box and thumbnail selection only changes when the preloading is complete.

Fixed a few minor bugs happening on cycle not resuming the animation when mousing out of the flash file really fast.

Fixed issues with link target window not working properly.

====================================

This 570×280px Image Viewer Rotator is XML driven and very customizable. It works great for news, feature projects, recent items for sale, or simple showcasing. A cycle is set to jump from image to image, it pauses when you mouse over a thumbnail and resumes when mousing out. All larger images have a link to a URL of your choice, which is set through the XML .

It’s very small in file size 17k, thumbs and images load dynamically.

The XML is very self explanatory, but I’ve included a sample guide here for you to read as well.

All animations are AS3 + classes, NO keyframed animations.

From the XML you can dynamically modify the following:

• Cycle sequence speed (in milliseconds)
• Color of the yellow border surrounding the thumbnails
• Speed on which this border will move from thumbnail to thumbnail (in seconds)
• Background color of the textbox
• Alpha transparency of the textbox background
• Titles color
• Descriptions color
• Amount of blur on the large images
• Amount of time the images will take to “unblur” (in seconds)

For each individual featured item, you can dynamically load and set your own:

• Title
• Description
• Thumbnail (jpg, png, bmp, gif, swf)
• Large Image (jpg, png, bmp, gif, swf)
• Link to another page or another site
• Target for the link “_blank”, “_self”, etc..

XML Sample

//CYCLE SEQUENCE SPEED, HOW LONG IT WILL TAKE THE THUMBS TO ROTATE (MILLISECONDS)
<cycle_speed>7000</cycle_speed>

//COLOR OF THE YELLOW BORDER SURROUNDING THE SELECTED THUMBNAIL
<selector_color>ffc600</selector_color>

//SPEED ON WHICH THE SELECTOR WILL MOVE FROM THUMBNAIL TO THUMBNAIL
<selector_speed>0.5</selector_speed>

//TEXTBOX BACKGROUND COLOR
<textbox_color>000000</textbox_color>

//SET THE ALPHA TRANSPARENCY FOR THE TEXTBOX
<textbox_alpha>0.65</textbox_alpha>

Some of my other work for sale: