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.

 

markleob

4 weeks ago

 

Hi there!

I really love the it. However, when I tried to delete the title and caption in the xml file. It does not take effect. Any idea please?

 

Corneliu Chitanu

3 weeks, 6 days ago

Hello,

we're really glad to see you happy with the component. To hide the title and the whole caption you'll just need to set these XML nodes to blank, like this:

                
<title></title>
<caption></caption>

                

or you can just delete them completely, for every item in the list.

This will do it. If it gives you any other trouble, please buy a support ticket and share a link to your component. I'll take a look and try to find where the problem is.

Thanks!

 

markleob

3 weeks, 6 days ago

thanks for immediate reply. Yeah, that was what i did and it worked. thanks.

 

Corneliu Chitanu

3 weeks, 3 days ago

You're welcome. Enjoy!

 

Mariano Gimz

3 weeks, 6 days ago

 

how can i modified the size of the project?

 

Corneliu Chitanu

3 weeks, 3 days ago

Hello Mariano,

You'll find two variables in the index.html file that will affect the size of the component. They're named stageW and stageH. Just change their values and the component's size will be affected accordingly.

 

duaahj

2 weeks, 2 days ago

 

Can I have a tutorial of how to add this XML document to my website on dreamweaver ?

 

Corneliu Chitanu

2 weeks, 1 day ago

Hello,

We have this tutorial:

http://www.flabell.com/blog/1829/how-t...

It's the same process. You just need to use it in your webpage opened in Code View.

Please make sure you set the paths correctly.

 

webprine2

2 weeks, 2 days ago

 

can someone send me an example of a direct url to import into a web site (.js version)?

 

Corneliu Chitanu

2 weeks, 1 day ago

Hello,

I'm not sure what you need to import. If you just need to make the component work in your webpage, please follow the tutorial I sent above.

 

bboy

1 week, 6 days ago

 

hey there, well im making an eCommerce website. when i enter the script into my html, all that show up when i look under a browser to see how it looks is just a bunch of its code.

what am i doing wrong? i down loaded it from your web site un-ziped it, pasted it in to m index-website file and then i got the xml code and pasted it into the html inbetween the "body" tags (in a "table") and it looks great in there but under preview (view and in the browser) all i get is a bunch of code.

do you know what my problem is?

 

bboy

1 week, 6 days ago

 

help

 

Corneliu Chitanu

1 week, 3 days ago

Hello,

This might be because you paste the code in some kind of editor and the code is not interpreted. It might get escaped so you might just see it displayed like normal text.

You need to add the code like normal HTML/JavaScript. This is available in other known CMSs, like WordPress, where you have an HTML code view for the post and you can add code to it. If you don't have this option in your eCommerce platform, it might be more complicated to add the code.

Also, to make sure you went through the process correctly, please follow this tutorial:

http://www.flabell.com/blog/1829/how-t...

if you haven't read it already.

363534...1

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)