VIEW DEMO

The last two years we see developers using beautiful images for website backgrounds. In Flash sites we can have functionality and interactivity with the background. So what we created a simple background image rotation component for your website. It takes two line to initialize it and a simple XML if you wish to change the images.

You can customize the following:

• Transition interval between images
• Image list
• Proportional resize

Initializing the component

Copy the RotatingBackground movieclip to the library of your .fla file.

Copy the RotatingBackground.as and images.xml files to the same folder that you have your .fla file.

Write the following two lines of code:

var rb:RotatingBackground = new RotatingBackground(“images.xml”, 12);
addChild(rb);

The first parameter is the name of the xml file and the second the transition interval between the images

XML Structure

<?xml version=”1.0″ encoding=”utf-8″?>
<images>
<image file=”images/1.jpg” />
<image file=”images/2.jpg” />
<image file=”images/3.jpg” />
</images>

Requirements

Tweener for AS3 (included in the zip file)

Price: € 6

DEMO HERE

This is a simple xml based, banner rotator. It is made with Flash CS3 and AS3. Fully customizable and this means that you can change the following:

Fron inside BannerRotator.as file

const BANNER_NUMBER_SPACING:Number = 30; //the spacing between the number boxes
const BANNER_NUMBER_ALPHA:Number = 0.5; //the initial alpha of the number boxes
const BANNER_SHOW_TRANSITION:Number = 0.5; //the duration of the transition when the banner will be shown
const DELAY:Number = 6000; //after how many miliseconds the next banner will be shown
const LOADING_COLOR:uint=0×000000; //the color of the loading bar
const LOADING_ALPHA:Number=0.5; //the alpha of the loading bar

From inside BannerNumber.as

const NUMBER_FONT:String = “Arial”; //the font of the banner’s number
const NUMBER_FONT_SIZE:Number = 12; //the font size of the banner’s number
const NUMBER_FONT_COLOR:uint = 0xffffff; //the font color of the banner’s number
const NUMBER_BG_COLOR:uint = 0×000000; //the color of the number background
const NUMBER_BLUR_ALPHA:Number = 0.5; //the initial alpha of banner’s number
const NUMBER_TRANSITION_TIME:Number = 0.3; //the duration of the transition when you put your mouse over a banner’s number

From inside the BannerImage.as

const IMAGE_TITLE_FONT:String = “Arial”; //the title font
const IMAGE_TITLE_FONT_SIZE:Number = 16; //the title font size
const IMAGE_TITLE_BOLD:Boolean = false; //is the title bold?
const IMAGE_TITLE_COLOR:uint = 0xffffff; //the color of the title
const TITLE_X:Number = 10; //the X offset of the title
const TITLE_Y:Number = 10; //the Y offset of the title
const TITLE_MAXIMUM_WIDTH:Number = 480; //the titles maximum width

Fron inside the XML file

URL redirection by clicking on each banner
Descriptions

The xml structure looks like this:

<banner title=”Welcome to Artluvr.com” file=”banners/1.jpg” url=”http://www.amazon.com”></banner>

Finally, you display it by simply writing the following code:

import br.BannerRotator;

var brot:MovieClip = new BannerRotator(500,247, “”banners.xml”);
addChild(brot);

The above code will create a banner with width 500px, height 247px and will read the file “banners.xml”.

Price: € 6

VIEW DEMO

This is a simple image gallery that supports thumbnails, descriptions (utf) and fullsize images. When the thumbnails exceed the window width, then the bottom strip moves whenever you move your mouse.

You can also customise the arrow images, change the name of the XML file that holds all the data.

The format of the XML file is :

<photographs>
<photograph thumbnail=”images/01.jpg” big=”images/01big.jpg”>
<description><![CDATA[Prague 2006. Copyright stateoftorpidity.com]]></description>

</photograph>
………………………….
………………………….
</photographs>

If you wish to initialize the Image gallery all you have to write is:

import aig.*;
var a:AdvancedImageGallery = new AdvancedImageGallery(“gallery.xml”);
addChild(a);

Note: We recommend that you use it as a standalone gallery.

Price: €11

VIEW DEMO

This is a XML based image gallery made with AS3 and Tweener. You can change this image gallery in just a matter of seconds. Each image can have a description.

You can customize the following:

• XML file
• Border width
• Border color
• Text color
• Padding
• The images of the controls
• The Loader component

All you have to do is add the following lines of code into your fla file:

import ImageViewer.*;
var i:ImageViewer = new ImageViewer(“images.xml”,10,0xFFFFFF,0xFFFFFF,30);
addChild(i);

Important: This image gallery works better as a standalone image gallery.

Price: €11

VIEW DEMO

Slick gallery is an XML based gallery that resize according to the dimensions of each image. You can have your typical next and previous buttons and you can also have a description for each image. Each image changing has a cool transition and a preloader.

You can customize

• The xml filename
• The skin color (border, text background)

Price: € 6

VIEW DEMO

An XML based gallery where lets you zoom in and out of your gallery.

You can customize the following:

• Image width and height
• Image container width and height
• Zoom in width and height
• Zoom out width and height

Price: € 3