welcome to FlashyExtras

the flash components on this site are simple to use and completely customizable through the supplied xml files. very little or no knowledge of actionscript is required to take advantage of them.

full version - 3.00 GBP

Order with your Credit Card or PayPal account. Once you complete the payment an email will be sent to your address with the product attached.

download free demo

The demo is fully functional but contains a link to this site.

Features



Customizable : Through the XML file most elements can be changed to suit your needs. Banner size, banner colours and transition styles are just are few of the features that can be altered.

Updateable : Open the XML file in a text editor to add or remove your banners from the bRotator.

Various Transitions : Indicate how you wish to have specific banners appear on stage and how the time taken to appear.

Time On Stage : Update the pause time in the XML to state how long banners stay on stage.

No Flash Software : A swf file is included, all you need to do this add it to your site!

Custom Flash Component : For those with Flash, the bRotator comes as a custom component to add to your library.

Files in the download




bRotator.swf : Already published bRotator allowing you to customize it without Flash software.

bRotator.html : Embedded flash movie ready for instant use.

bRotator.mxp : Flash component allowing you to add the bRotator to your component library.

bRotator.xml : Simple xml file to customize and add content to the bRotator.

bRotator.fla : Flash file with sample actionscript for manual xml file load.

bRotator

The bRotator is a custom flash component that can be fully updated through the supplied XML file. The banner rotator can be added to your site as a simple but effective way to advertise your products or services. A number of transition effects are available enabling you to specify how banners appear on stage, fading and scaling are a couple if ways to achieve your desired effect. As well as specifying the transitions, complete styling of the banner rotator is possible in the xml without the need to republish your flash file. No actionscript knowledge is required and no flash authoring software is needed!

Basic Banner Rotator Setup

The download includes everything needed to add the bRotator to your html pages. Flash authoring software is not needed unless you intend to add the gallery to your flash movies and customize your component through the inspector.

Open bRotator.xml in any html or text editor. This is a simple text file that provides the information that is displayed on the bRotator. It can also be used to customize the way the bRotator looks and the content that appears. The xml structure looks like :

< bRotator
h='100'
w='350'
bgColour='FFFFFF'
borderSize='1'
borderColour='009999'
loadFontSize='10'
loadFontColour='000000'
textValue=': click for more'
textFontSize='13'
textFontColour='000000'
textBackgroundColour='FFFFFF'
textBackgroundAlpha='70'
showText='true'
transitionTime='1'
pauseTime='3' >

The top, opening < bRotator tag contains a list of attributes that are used to define how the bRotator looks. These attributes are optional if the flash component is used through the component inspector, the attributes need to be deleted from the xml file as these take precedence over the component inspector.

Banner information is represented by the < banner node. The attribute - transition - contains the information for how the banner appears on stage. Available transitions to use all listed further down the page.

Once you have finished updating your xml file, save it and test the bRotator by opening the bRotator.html.

Customizing bRotator Using XML

Open bRotator.xml using a text editor or html editor. You will notice variables defined at the top. The following is a table of descriptions and sample values for the bRotator attributes.

Attribute Sample value Description
h 150 Height of bRotator
w 350 Width of bRotator
bgColour FFFFFF Background colour of stage
borderSize 1 Size of component border
borderColour 009999 Colour of the component border
loadFontSize 10 Preloader text size
loadFontColour 000000 Preloader text colour
textValue : click for more Text that accompanies banner title
textFontSize 13 Text size of banner title
textFontColour 000000 Text colour of banner title
textBackgroundColour FFFFFF Colour of background that banner title appears on
textBackgroundAlpha 70 Transparency of background that banner title appears on
showText true true or false to indicate in banner title is to display
transitionTime 1 Time taken for banner to appear - in seconds
pauseTime 3 Time for banner to stay on stage - in seconds

Using bRotator Component

The bRotator component enables you to add the banner rotator to your flash movies. You will need Flash 8 or higher to use the component, and swf files should be published to flash player 8 or higher.

To install the bRotator.mxp you will need the latest version of Adobe Extension Manager. Once installed, double click the bRotator.mxp to add the rotator to your component library.

The bRotator component will be available in the jbuda_components sub-directory. Drag a copy onto the stage, then open the component inspector to adjust the banner rotator attributes.

NOTE - to use the component inspector parameters, the attributes in the xml file must be removed. Using the xml to set the bRotator parameters is a good way to update it without republishing each time.

The component inspector for the bRotator will be similar to the one pictured below. For a full list of the parameters and their descriptions, please see the xml table above.

Customizing bRotator With Actionscript

As well as using the attributes in the xml and setting parameters in the component inspector. Further control can be added to the bRotator with Actionscript by calling methods, setting properties and creating responders for events.

The following is a list of methods, events and properties :

Method Description
bRotator.loadXML('_xmlfile_') Loads _xmlfile_ into rotator
Event Description
infoLoaded Triggered when xml file loads and before styles applied.
evtObj.banners is an array of objects, each contains banner information
stylesLoaded Triggered when xml file defines styles.
evtObj.styles is an object containg all styles
bannerLoaded Triggered when banner finishes loading.
evtObj.bannerLoaded is reference to banner
loadComplete Triggered when banners have finished loading.
bannerPress Triggered when banner is pressed.
evtObj.banner is reference to banner
Property Description
autoLoadXML Boolean :: Determines if xml is loaded when component loads. Default - true.
Should be set to false when invoking bRotator.loadXML()

Adding Information With XML

Under the closing tag of the top bRotator > the next set of nodes < banner provide the information for the images.

Attribute Description
title Title that accompanies banner. Disable show text in attributes to prevent from displaying.
image Location of image to use.
link URL to go to when banner is pressed.

Transition Effects For Banners To Appear

These are a list of current transition effects that can be used.

Attribute Description
slideLeft Banner slides into view from the left.
slideRight Banner slides into view from the right.
slideTop Banner slides into view from the top.
slideBottom Banner slides into view from the bottom.
scaleCentre Banner scales into view from the centre.
fadeCentre Banner fades into view. Also default transition effect.