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.

 

sandrawilson3

on 10/1/12

 

Thank you for this great product. I tried to customize the transitions to make them look more unique but I couldn't. I searched on google and I found a similar product, that has some nice transitions and I was able to customize them and make them look really nice.

Edited: link removed

 

Corneliu Chitanu

on 11/1/12

Hello Sandra,

Thank you for the feedback. We'll try to make our components better.

 

sloanj

on 17/1/12

 

Is it possible to have an .mp4 play from the banner rotator, using the xml?

 

Corneliu Chitanu

on 18/1/12

Hello,

Thanks for downloading our component. Unfortunately, it doesn't have a video player implemented. If you need this functionality we can implement it by doing custom work. Just send an email with some details at [email protected] We'll answer as soon as possible and discuss the project with you.

 

etrek42

on 8/2/12

 

Hi

I'm trying to use the XML Banner Rotator but whenever I open the page I get a message: "In order to view this object you need Flash Player 9+ support!"
I have the latest version :/

Help please

 

Corneliu Chitanu

on 13/2/12

Hello,

This message usually appears when the path to the swfobject.js file is not correct, or there is some JavaScript error, in the code you added. Please check for these problems. This tutorial explains the whole embed process:

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

I hope it will be helpful.

 

ayandokun

on 9/2/12

 

i actually find this rotator the best ever…but please how can i change the images to my own image. and how does the preview.swf generated

 

Corneliu Chitanu

on 13/2/12

Hello,

To put your own images, you'll need to open the banner.xml file and add the paths to your images under each item on the list. Note that these paths should be relative to the pathToFiles flashvar we definde in the index.html webpage's code.

The SWF file is generating using Flash Professional and the FLA file available in the source folder.

 

jesse12

on 9/2/12

 

The best product I have ever seen. Thanks FLABELL. YOU'RE GREAT

 

Corneliu Chitanu

on 13/2/12

Glad to hear you're happy using the component! Enjoy!

 

carviz

on 15/2/12

 

hi, nice tool, but i try to change th font size and font color for caption and title, how do i this?

in what part of xml file change this?

                
<path>content/images/slide01.jpg</path>
<title><![CDATA[Test title]]></title>
<caption><![CDATA[test description.]]></caption>

                

sorry my english

 

carviz

on 15/2/12

 

i got it.. thanks..a lot

 

Corneliu Chitanu

on 19/2/12

Glad you found the tags. Enjoy the component!

 

Garrett Massey

on 17/2/12

 

How can you embed two different versions of the same component (this component, to be specific) on one page of your website? I have a primary image slideshow, but I want to add another one to the side, a smaller one, yet each time I try, the primary one displays the images of the smaller one. I have copied the 'deploy' folder and renamed it into "quo_deploy" (for quote_deploy) the primary one is "img_deploy". The img_deploy component is displaying the pictures of the quo_deploy component when it isnt supposed to.

 

Corneliu Chitanu

on 19/2/12

Hello,

This tutorial explains how to go about this:

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

You need to pay attention to the IDs you give for each component you embed. They must be different. The same applies to the "div" HTML elements you need to copy.

Hope it will help you.

 

muitoc

on 19/2/12

 

I downloaded it, now what?

 

Corneliu Chitanu

on 19/2/12

Hello,

You can follow these articles to embed the component in an HTML webpage or a Flash project:

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

Other tutorials and instructions can be found on our blog on the Tutorials category:

http://www.flabell.com/blog/cat/tutori...

If it gives you any trouble, try using the Firebug tool on Firefox, Developer tool on Chrome or Activity tool on Safari. This tutorial explains how to use the Activity on Safari, but the same would apply for the rest:

http://www.flabell.com/blog/1184/step-...

If you need our help, please buy a support ticket (if you don't have one already; you get one for free, if you buy anything from Flabell) and share a link to your component. We'll take a look and find a solution faster. You can contact us at [email protected], but please use the email assigned to your Flabell account. This way we'll be able to check for your account and the support ticket.

 

danielhirca

on 9/4/12

 

Hello ! Thank you for the great product that you made !

I have some problems :

1) I have 4 images I want to load, I deleted all the other strings and only left the first 4. The problem is that it only loads 2 images...and I don't know why.
2) I tried to resize the XML banner rotator but i couldn't... any ideas how I can do that ?

Can you help me with those problems? Thanks in advance !

 

Corneliu Chitanu

on 10/4/12

Hello!

Thank you. We're so glad you like the component.

1. Make sure you have all the paths set correctly. If you think they're correct and you can't figure it out, please buy a support ticket and share a link to your component. We'll take a look to see what's going on. I just tested the banner rotator and I could set only 4 images to be displayed.

2. You have the component dimensions in the JavaScript code we wrote in the index.html. The vars you need to change are stageW and stageH.

This will help you out. Let me know, if there's anything else we can help you with. Thanks!

36353433...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)