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.
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 demoThe demo is fully functional but contains a link to this site.
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!
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.
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 |
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.
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() |
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. |
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. |