XML Banner Rotator

This is a highly customizable XML Banner Rotator with more than 35 XML options, including the masking size and speed.

You can control the position of the elements on the screen, the number of images, as well as the colors - all from XML.

As always, you can use this Flabell Flash Component in any size you need, as well as in other HTML or FLA files.

 

Paul Rizzo

on 22/10/09

 

Thanks a lot guys for your efforts and generosity.

 

shin okada

on 22/10/09

 

Congratulations.
A pause button in the bottom navigation, next to play would be nice.
Anyway it's a superb job.

 

Valeriu Vetiul

on 22/10/09

 

Yes, you can set the color of the background in the XML. Make sure you set it's transparency, also in the XML.

For the second question, you can keep the folder where you want to, but use the pathToFiles to specify that folder. Here's some details about how to use path to files, and soon we'll deploy the video tutorials for all products as well!

http://blog.flabell.com/765/using-the-...

Thanks for the tip regarding the path files, now I get how they work.

But regarding the background color, I set it to black in the xml file, but before it shows black, there's about 1-2 seconds of white, which totally doesn't fit the design (www.puaffirmations.com) Is there a chance I could change that?

Thanks!

 

Rafael Minuesa

on 22/10/09

 

Thanks a lot.

I think you more than deserve some acknowledgment for this awesome free product.
Do you have any banners/logos that I can put on my sites linking to you?

 

diin boat

on 22/10/09

 

Fantastic script. I fell for it the first time I saw it. I adopted it and converted the xml output via ASP and MYSQL database back end. I also used arrays so it works fast as original. So all you need to do is populate your database with the names, titles, links etc. of individual images as well as other settings.
If anybody wants to have this modified script give me a shout by email: diinATafrosmsDOTcom

 

Bosko Boskovic

on 22/10/09

 

It`s good everything but you must include support for special characters.I can`t see my letter žćččšđžž or жћчшђжћ.

Thanks.

 

Andrei Potorac

on 23/10/09

 

Impact222, yes. Before the swf loads, it shows the color of the html. Set that color to the same color you set for the banner background.

Antony, please read the article on the link I posted on the first page of comments, with the pathToFiles variable.

joebaich, thank you! We're releasing free products from time to time to show our clients what they can expect from any product they plan to purchase on Flabell. It seems the idea work, and people are happy with our services! :)

shin, we included a new attribute called slideshowTime, for each slide. If you set this to 0, it won't slide anymore.
But I think a play/pause button would work too, in the left corner for example - which can be enabled/disabled from the XML.

I'll add that to the to-do list. When the list gets more consistent, we'll do a new update, as we do with all our products! :)

 

Andrei Potorac

on 23/10/09

 

rafael.minuesa, sure. We have a referrals system in place, which will bring you a % commission of each new user you bring to the website. I think you should use that instead of simply placing the banners on your website. This way you can track the number of users you bring to the website! :)

On your account page, click on the REFERRALS tab. There's a link to the banners in there as well. Click on the question "How do I make money with referrals?"

bolence, for these kind of characters to work, you need to use a different font. A font that supports them.

This is why I wrote this step by step tutorial in which we explain how you can easily replace a font with another font that you need: http://blog.flabell.com/668/embedding-...

 

etude

on 23/10/09

 

i am a total newbie to these kind of things and since flabell doesn't have any instructions on how to install this script i don't know where to start. when i downloaded the file, there are a lot of things in there i don't understand what to do with. I'm very confused. Would you be able to give me a step by step instructions on how to install this? I really want to install on my website but i am very confused. thank you

 

naffets77

on 23/10/09

 

First.. awesome script, much thanks.

Second, any chance for more documentation? I'd like to know what all the settings in the xml and in the javascript do.

Main issue right now is that my images unlike the example are images of objects and therefor do not fill the screen. I'd prefer a transparent background rather than the white.

I tried changing..

                params.bgcolor = "#fff";
                

.. too 'transparent' .. this just made it green when it loaded same with ..

                params.wmode = "opaque";
                

but i have no idea what this is really for.. also in the .xml

                
backgroundColor = "0xffffff" 
backgroundTransparency = "0"
                

Anyway, any suggestions? Thanks!

36...4321

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

XML Banner Rotator - change log

Update 9 June 2010:
- fixed display bug on the navigation: when displaying 8 images, only 7 were visible

Update 15 April 2010:
- added elastic movement to navigation 

Update 14 April 2010:
- play/pause button
- navigation color
- unlimited images support

XML Banner Rotator - tips and tricks

Note: we added new variables, while other variables were either moved or removed. After the redesign, all help files will be updated.

This page will be updated, but in the meantime you can read below what each XML variable means: 

slideShowTime - how much should a picture stay

startWith - with what picture the slideshow shouhld start

backGroundColor - slideshow background color

backgroundTransparency - slideshow background transparency

cellWidth - width of the grid and net shape(in this example the shape is a square)

cellHeight - height of the grid and net shape(in this example the shape is a square)

showMintTime - the minimum time for a transition

showMaxTime - the maximum time for a transition

blur - amount of blur applied to the net

neTime - how much time should the net should stay

alphaNet - amount of transparency applied to the net(0 - invisible, 1 - visible)

captionTransparency - amount of transparency applied to the title+body+button background

controllerTransparency - amount of transparency applied to the controller background

overColor - controller buttons over state color

outColor - controller buttons out state color

normalColor - controller buttons out state color

grayColor - controller buttons selected state color

buttonAlpha - amount of transparency applied to controller buttons

captionButtonAlpha - amount of transparency applied to, in this case, "read more" button

padding - caption's inner padding

thumbY - y offset for controller's buttons

controllerX - X offset for controller

controllerY - Y offset for controller

captionX - X offset for caption

captionY - Y offset for caption

controllerHeight - controller's height

distanceBetweenControllerElements - distance between controller's elements

distanceBetweenThumbs - distance between controller's numbers

loaderColor - loader color

captionWidth - caption width

buttonText - caption's button text

btnNormalColor - caption's button normal state color

btnOverColor - caption's button over state color

btnOutColor - caption's button out state color

paddingX - X offset padding for caption's title and body

paddingY - Y offset padding for caption's title and body

capBottomPadding - caption's inner bottom padding( between background and "read more" button)

btnSpacingW - inner "read more" spacing(on Width)

btnSpacingH - inner "read more" spacing(on Height)