Add-On Releases - Rotating Images Slideshow [easy to install]

This is a simple, easy to install and good looking flash based slideshow wich i found surfing around the web.

You can insert it everywhere you want both in vBulletin and vBadvanced.

DEMO: Check the link provided by viper357 in post #6 or going to developer's site.

Steps to install:

Go to http://www.longtailvideo.com/players/jw-image-rotator/ and you will find JW Image Rotator's features, download and a step by step guide to install it.

Of course, download JW Image Rotator 3.17.

• Step 1: Transfer the imagerotator.swf and imagerotator.xml file from the ZIP to your website. (Make sure that you?ve also uploaded all photos you want to show onto your site.)
  
• Step 2: Edit the imagerotator.xml file so that it contains the titles, links and image URLs of your images. This can be done by using a simple text editor. If you want to add more photos, just paste additional track blocks in the .xml file.
  
• Step 3: Embed the Image Rotator in your HTML page with the following lines of code. (Note: If you place the files in different directories, be sure to set the references in this embed code accordingly.)

<embed 
  src="imagerotator.swf" 
  width="470" 
  height="160"
  allowscriptaccess="always" 
  allowfullscreen="true" 
  flashvars="file=imagerotator.xml&transition=blocks" 
/>

*Make sure to change the name of "imagerotator.xml" if you downloaded file has other name (by default called "madrid.xml") or if you changed it previously.

Edit the file "madrid.xml" and put into it your paths and titles (note that only short titles will work, if you put a large title the image rotator won't display correctly).

Also you can easily edit the size of your rotaror changing the variables "width" and "height".

Transitions

If you want to have a diferent transition between images, you can replace the variable "&transition=blocks" for another flashvar. For example i changed my code for "&transition=random".

transition (random): Sets the transition to use between images. The default, random, randomly pick a transition. To restrict to a certain transition, use these values: fade, bgfade, blocks, bubbles, circles, flash, fluids, lines or slowfade.

Here is a complete list of flashvars.

----------------------
Adding Image Rotator to vBadvanced CMPS is very easy to. Simply copy the html code into a new template module.
----------------------

A nice feature to be included would be the posibility of embed codes automaticaly and asociating with forums IDs, but i'm sorry, i'm not a coder, i'm just a copypaster

If someone want to make changes of this, feel free to share them with us.

[viper357]

I have tried everything and can't get this to work, here is my code:

<div align="center">
<embed 
  src="/images2/imagerotator.swf" 
  width="530" 
  height="510"
  allowscriptaccess="always" 
  allowfullscreen="true" 
  flashvars="file=madrid.xml&transition=blocks" 
/></div>

And you can see here all I get is the loading icon, no images load, any idea what could be wrong? Thanks. http://www.marineaquariumsa.com/view.php?pg=logotest

[viper357]

Nevermind, I forgot to change the path in the xml file. Working fine now, thank you.

[hubie]

Originally Posted by viper357

Nevermind, I forgot to change the path in the xml file. Working fine now, thank you.

Glad to hear that.

By the way, you have included very nice pictures in your test slideshow :up:

[vijayninel]

this is cool... only thing is that the jwplayer logo is too prominent and ugly.

[viper357]

Thank you. Working perfectly now on vbadvanced. http://www.marineaquariumsa.com/

[hubie]

Originally Posted by vijayninel

this is cool... only thing is that the jwplayer logo is too prominent and ugly.

I agree, unfortunately the logo appears since it is a free version.

[viper357]

Need some help here please. How would I add 2 flashvars? transition=random and shuffle=false

Thanks.

[pcalloway]

Flash won't finish loading on my install. What I do wrong?

www.authentic-campaigner.com - scroll down to the second image block. That's the rotator.