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.

 

byrna

on 13/8/10

 

Hi. I mainly work in HTML & CSS, and to be quite frank, Javascript makes me want to just lay down and die.

I'm trying to put this banner into a website that I already made - it was coded entirely in HTML & CSS with only a back-up Javascript code for IE ONLY for the drop-down menu.

I don't understand flash - at all, haha. XML is a piece of cake. I finally got the "You need Adobe Flash 9+.." blahblah to show up in the area it -should-, but I don't know what I'm doing, so I can't get the actual banner to show up.

If you could help me with this; just tell me in the simplest terms ever what I have to do, I'd really appreciate it. And I apologize; I assure you, I am intelligent. But this is just a field I was never supposed to get into, haha.

Oh fyi: The website is fully table, td codes - the main table is 900px in width. I'd need the actual banner rotator to be 900x237 but I know how to get it to that so no worries.

 

Andrei Potorac

on 18/8/10

Hi. Sure, you can use the embed tag, just like most swf files are embedded. For example the YouTube video player.

But make sure you pass the variables we do accordingly.

 

Joe Kauffman

on 16/8/10

 

Excellent scripting guys!

I have reconfigured the XML to display my own images, changed the paths and uploaded all the files..but. When I load the page the little rotating icon displays (the flash loading image) but nothing ever shows up. It must have a disconnect somewhere to the images. Any thoughts? Thanks in advance!

 

Joe Kauffman

on 16/8/10

Lol...funny how sometimes posting the issue on a forum helps to find the problem :). I needed to take my pathToFiles location 1 folder deeper and back my xmlPath location up 1 folder level.

 

Andrei Potorac

on 18/8/10

Glad you figured this out! Let us know if you'll need any other assistance with this! :)

 

mokrir

on 21/8/10

 

I have a problem getting the flash component to show up on my website. I use iWeb, and have inserted other swf files with the script

                
< object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="560" height="374" align="middle"> <param name="movie" value="http://www.mortenkristensen.webfreehosting.net/deploy/preview.swf"> < param name="allowScriptAccess" value="always"> < embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="560" height="374" align="middle" src="http://www.mortenkristensen.webfreehosting.net/deploy/preview.swf" allowScriptAccess="always">< /embed>< /object>
                

But it wont work.
The url http://www.mortenkristensen.webfreehos...

works, but i doesn't when i insert this in iWeb.
Do you know if theres a problem with xml flash and iWeb?

 

Marius-Cristian Donea

on 23/8/10

Hello,
You need to upload the XML and JavaScript files to.
This video might help: http://www.flabell.com/blog/1669/how-t...

 

zitim

on 23/8/10

 

Hello
I have a problem with the writing of Cyrillic text in the field for the title and description. The text simply stopped running. Even after changing the encoding. In ANSI he look like in the form of characters, and in the UTF-8 does not appear.
Could help to correct this problem? PLEASE

 

Marius-Cristian Donea

on 23/8/10

Hello,

To display Cyrillic text the font needs to be changed in the *.fla file to one that supports this characters. If you have problems in changing the font write me to [email protected] and write in the message some Cyrillic text, so that I can use the sample when testing.

Regards

 

Dejan

on 23/8/10

I've Replace default font in *.fla file, but now I get nothing in text box. I change fonts with Arial, and still nothing.

 

Marius-Cristian Donea

on 23/8/10

Hi,
You need to embed the font.
This post might help: http://www.flabell.com/blog/668/embedd...

 

mafoo

on 23/8/10

 

Hi everyone!

Can someone explain to me how to stop the xml file from being cached by using the cacheBuster variable.

Where is this setting exactly and what is the change that needs to be made?

I am not the "best" when it comes to flash.

Thanks

 

Michael Gora

on 27/8/10

To implement the cachebuster that will force the XML file to be fetched on every page load, do the following:

On the page where you have the Flash component, you have the code

// path to content XML
flashvars.xmlPath = "xml/banner.xml";

replace the 2nd line with

flashvars.xmlPath = "xml/banner.xml?cachebuster=" + new Date().getTime();

That makes the filename a variable and forces the refresh, but the server will ignore the ? and everything after that.

 

mafoo

on 30/8/10

Thank you so much Michael

 

lehel.keresztes

on 11/1/11

Thank you, that did the trick, works perfectly now ! :D

 

noor linda

on 24/8/10

 

this can be use to free platforms such as joomla, wordpress etc. ?

 

Marius-Cristian Donea

on 31/8/10

Hi,

You can embed our components on platforms like Joomla, WordPress and others but we don't offer support on how to integrate them.

 

adamsuter1

on 25/8/10

 

I have this working fine in all browsers bar IE8 where it crashes the page.

Has anyone encountered this and is there anything I need to change code wise?

TIA,

Adam

 

Marius-Cristian Donea

on 31/8/10

Hi,

I'm sorry but I can't duplicate the problem. Does this page crash in your IE?

 

coreycoogan

on 25/8/10

 

Any idea how I can hide the control on the rotator? My client wants a clean look and doesn't want the control that allows people to manually cycle through the images.

 

Marius-Cristian Donea

on 31/8/10

Hi,

In the XML file you have the attribute controllerVisible. You set the value to false.

 

Shehu Ibrahim

on 27/8/10

 

Hello,

Thanks for the good program. However, where can I control the number of slides shown at the bottom. Thanks for your quick respond.

 

Marius-Cristian Donea

on 31/8/10

Hi,

You can't set the number of slides, but you can change the size of the controller using controllerDistanceX attribute.

 

mohammed aby el ela

on 29/8/10

 

HOW CAN I CHANGE THE READ MORE TXT I WANT TO BUT SOMTHING ELSE

 

Marius-Cristian Donea

on 31/8/10

Hi,

In the XML file you have the attribute buttonText. You add the new text there.

35...2625242322...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)