XML Image Slideshow

A free flash + XML image slideshow (gallery)

Fashionable flash + XML image slideshow with slick navigation and design, fully customizable from XML, with a motion blur effect on image transition. The gallery navigation bar changes its color based on the displayed photo colors.

 

Andrei Potorac

on 21/12/09

 

I just downloaded the file, and added this in the XML to the first image:

                <url>http://www.vuzum.com</url>
                

And it works. Did you do it like this?

 

Márcia Eliza Gama

on 21/12/09

 

Yes,

I was testing locally and nothing worked, now I sent the files to the server and tried again, this time worked

thanks for help! This is a great component, I loved it!

 

skimmer30

on 24/12/09

 

When I run locally every thing works. When I copy to the server it doesn't play. Any ideas?

 

Andrei Potorac

on 25/12/09

If you try the demo, it doesn't work on the server. Try the real files from the deploy, the one you downloaded with the source files.

The demo is protected.

 

skimmer30

on 25/12/09

I copied the zip file from the download to the server, then unzip, then point my browser to
http://www.blfdesigns.com/test/
I thank you for the help. Its probably my fault.

 

Andrei Potorac

on 26/12/09

Can you send me a link to where you file sits now?

 

skimmer30

on 26/12/09

Sure,

http://www.blfdesigns.com/test/flabell...

I have tried multiple components from flabell and am having the same problem.

Thanks

 

Andrei Potorac

on 26/12/09

Did you read the pathToFiles tutorial? You set the variables wrong.

 

skimmer30

on 26/12/09

No I didn't. I went to the tutorials link but there is no tutorials.

 

Andrei Potorac

on 26/12/09

Oh, right. We just removed them. :-)
All those will be in the forum now. Here's the direct link: http://www.flabell.com/blog/765/using-...

 

skimmer30

on 26/12/09

I read the tutorial and my variables are setup fine. If the variables were not setup properly, then I would assume it wouldn't run locally. When I run locally it runs perfect.

 

Andrei Potorac

on 26/12/09

That's wrong. If it works locally, it doesn't mean it will work on the server as well, because you don't put the file in the root folder and look at it there, but in a deeper path.

So this is where the swf tries to get the XML from now. It isn't there: "test/flabell/project/deploy/banner/xml/banner.xml"

 

Andrei Potorac

on 26/12/09

Let me give you a hint. You must change this: flashvars.pathToFiles = "banner/";
I want you to do it so that you can do it right next time. :-)

 

skimmer30

on 27/12/09

I figured it out. I needed to create an htaccess file to allow viewing of xml. Once I did that everything worked. Thanks for your help. I didn't have to do anything with the path. Thanks.

 

Andrei Potorac

on 27/12/09

Cool, glad it worked. In your example the pathToFiles variable was wrong initially. Glad you figured it out. ;)

show all replies

 

Carrie Copa

on 28/12/09

 

I am also having trouble with the links not working for this component. They work locally, they even work if you view the file through the direct path on the server, but not on the final page. I'm using the same format as the examples:
http://www.flabell.com

I also tried the above suggestion. That didn't work either. Can you help me get the links to work?

 

Andrei Potorac

on 28/12/09

Are you using the latest update? Please check.

 

Carrie Copa

on 29/12/09

I am using the latest update. I think I've narrowed it down to an issue with the way the slideshow is embedded, since the links only don't work when the file is placed on the final page.

 

Andrei Potorac

on 29/12/09

It can be an issue from our side. We'll check on the first week of next year. Until then, Happy New Year! :-)

 

Andrei Potorac

on 6/1/10

Please send a link to where you have the files, so we can test. We tested with the component on our server and it works ok.

 

gecophotography

on 29/12/09

 

Hi! Just one information: is it possibile to change the bar length?

Thanks!
Luke

 

Andrei Potorac

on 29/12/09

Hi Luke! Sure. Please download the preview file, and check the xml. The variable is barHeight, and now is set to 25 pixels.

 

koObzthebuilder

on 31/12/09

 

I slideshow shows locally, but when i save to server nothing shows?

 

koObzthebuilder

on 31/12/09

 

nmv i got it. you guys products are soo awesome!

 

Andrei Potorac

on 2/1/10

Thanks! :)

 

capellt

on 8/1/10

 

AWESOME job on the effect, it works amazing.

One thing, I noticed the first time it goes through the photos it has the color panel between each photo, then the second time it blurs directly between the photos without the color background.

I'm assuming this is because the images haven't been loaded yet, is there a way to make the XML file pre-load the images before going through the loop.

It does this also on the demo above...thanks again and good work!!

 

Andrei Potorac

on 11/1/10

You are correct. The file doesn't preload all the images, which is why it shows the white background on the first load.

Another way we can proceed is by showing the previous image, while the new image is loading, but what would look strange is the fact that after the user has clicked on a round circle, nothing is happening.

We're looking into different ways to make this more user friendly, and we'll post an update shortly.

Thanks for the feedback! :-)

By the way, let me know if you need help setting up an avatar, or you simply like the default one we use. :-)

 

allison jones

on 15/1/10

 

Is there any way to change it so it is insert in to the page as an object instead of the .js ?

Thanks!

 

Andrei Potorac

on 18/1/10

No, you need the js for the resizing. You could use the object tag for embedding and passing the Flash Vars, but you won't be able to resize it.

 

nikos

on 11/2/10

 

Hi there,

We are trying to implement the XML slideshow into a content management system.

The domain is not yet public so its not possible to see the working example from your end.
It would be very helpfull if you could answer the following.

Our root domain is : http://www.examples.gr

The images are stored in a directory (not adjustable) /media
The xml is generated by the CMS and is available at

http://www.examples.gr/rss/mod/1549/10...

The XML is not stored in an explicit example.xml form - it is accessible directly from the address above

This is the XML that the CMS generates:

                
<?xml version="1.0" encoding="UTF-8"?>

<banner 
width = "980"
height = "410" 
startWith="1" 
backgroundColor="0xffffff" 
backgroundTransparency="100" 
barHeight="25">

<item>
<path>/media/gambini.jpg</path>
<url></url>
<target>_blank</target>
<bar_color>0xcd0a10</bar_color>
<bar_transparency>70</bar_transparency>
<slideShowTime>3</slideShowTime>
</item>

<!-- more items -->

</banner>

                

All the relative files (swfobject.js, expressInstall.swf, preview.swf) are all in the /media folder.
Together with the images.

I have tried to leave the flashvars.pathToFiles ="" empty, and in the html include /media where each file is referenced.
Here is a snippet of the HTML I use.

                
<script type="text/javascript" src="/media/swfobject.js"></script>
<script type="text/javascript">
 /* FLASH VARS */
 var flashvars = {};

/// path to the content folder(where the xml files, images or video are nested)
/// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")
flashvars.pathToFiles = "";
			
// path to content XML
flashvars.xmlPath = "/rss/mod/1549/1030"
		    
		    
/** EMBED THE SWF**/
swfobject.embedSWF("/media/preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", "/media/expressInstall.swf", flashvars, params);
           
</script>

                

I see the swf object on the page as a big grey box however it is obviously not able to access the XML.

Please assist me by letting me know where I need to place my files and how I need to adjust my paths so that the swfobject can access the XML.

regards
nick

 

Andrei Potorac

on 12/2/10

Dear Nick, please click on the FAQ link in the footer, and then select "Using the pathToFiles variable". Let me know if you still need assistance after you read through the article.

That's basically the information needed for understanding how we set-up our folder structure.

 

nikos

on 16/2/10

Hi there,
I have taken a look at the FAQ article and I believe that I have understood how it all comes together, however I am still not able to get it working with the CMS I am using.

As mentioned in my last post, I see the swf object on screen and in place but it appears only with its background colour. It does not seem to be loading/finding the XML file. I have set the pathToFiles variable to an empty string (""), and have set the settingsPath variable to the following URL ("http://clients.squareone.gr/poh/banner...")
but I still do not see the image set in the XML apearing.

This is what is generated when the page loads

                
<object id="FlabellComponent" width="980" height="410" type="application/x-shockwave-flash" data="/media/preview.swf?t=1266322023000" style="visibility: visible;">
<param name="bgcolor" value="#9f443b"/>
<param name="menu" value="false"/>
<param name="scale" value="noScale"/>
<param name="wmode" value="opaque"/>
<param name="allowfullscreen" value="true"/>
<param name="allowScriptAccess" value="always"/>
<param name="flashvars" value="componentWidth=980&componentHeight=410&pathToFiles=&settingsPath=http://clients.squareone.gr/poh/banner/xml/banner.xml"/>
</object>

                

The XML is currently on a different server - could this be a problem?

I have also tried using an absolute URL on the same server however as the site's domain is not yet public I placed the XML on another server so that you could check it from your end.

Your input would be greatly appreciated.
regards
nick

 

Andrei Potorac

on 16/2/10

Please send me a link to where I can view the banner implemented. I'm sure it's a small issue I can help you with in a minute. :-)

 

nikos

on 8/3/10

Hi Andrei,

We had exchanged a couple of posts on page 26 (3 weeks ago). You had asked me to give you a link to where you can see my implementation of the banner - the site was on a private domain which we now have made public. You can check out the problem at

http://www.lentzakis.gr/products/

As you will see from the example I presume there is a problem with the way I am referencing the XML.

Your assistance would be greatly appreciated.
Regards
Nick

38...2827262524...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 Image Slideshow - change log

Update 7 June 2010

- we added an aditional parameters in the XML:

• verticalTransition - if false, the transition is horizontal
• controllerTop - set the controller position
• transitionSpeed - set the transition speed
• titleX - title x position
• titleY - title y position

- you can now add titles to the images, and position them in the XML as well. Use CDATA to set the font size and color.

Update 10 May 2010

- we added an aditional parameter in the XML that allows you to set the transition to fade.
- we changed the file to the new source folders structure, with Sample.as

There is currently no additional help provided for this flash component.