Sliding Buttons Banner Rotator

This Banner Rotator is special for having a lot of images. The buttons will slide according your mouse. If you have just several buttons, it will not slide. It is xml driven. You can show SWF, JPG , PNG, GIF . You have the ability to customize button colors, hover colors, text colors, button number, button shape. The test panel provided allows you to test the buttons positions.

Features:

- xml driven
- use caurina tweener class for all the tween, smooth.
- buttons can slide according your mouse
- Support SWF , JPG, PNG , GIF
- can set up width and height of banner rotator
- can set up all buttons’ position: left, right, top, bottom
- can set up alpha transition time between two images
- can set up rotate delay, link(link can be empty), url and target(‘_self’ or ‘_blank’

for each item
- can set up button color
- can set up hover color
- can set up text color
- can set up button corner radius
- Pause/Play rotator
- instruction for every variable and every function
- include html file and swfobject.js, can publish easily.

How to set up:

step 1:
(method one),if you want to put this to your own swf, just copy all the elements in the library panel to your own library panel, then drag ‘mainMc’ to your stage and make it invisible.
(method two),if you want it show in html, just view index.html in download.zip

step 2:
edit xml setting file, modify rotator width, height, buttons paras and so on.
step 3:
modify image url, link, target and delaytime.

XML File Structure:

<?xml version="1.0" encoding="UTF-8"?>
<rotator
rotatorWidth='590'
rotatorHeight='300'
btnPosition='bottom'
transitionTime='1'

buttonColor='0x000000'
mouseOverColor='0xff0000'
numColor='0xffffff'

buttonSize='22'
buttonCornerRadius='2'
buttonSpace='7' >
<item href="http://activeden.net/user/mx9580" imageurl="images/Image1.jpg" target='_blank' rotateDelay='3' />
<item href="http://activeden.net/user/mx9580" imageurl="images/Image2.jpg" target='_blank' rotateDelay='3' />
<item href="http://activeden.net/user/mx9580" imageurl="images/Image3.jpg" target='_blank' rotateDelay='3' />
<item href="" imageurl="images/Image4.jpg" target='_blank' rotateDelay='3' />
</rotator>