hubie
04-05-2010, 10:00 PM
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 (http://developer.longtailvideo.com/trac/wiki/ImageRotatorVars) 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 :D
If someone want to make changes of this, feel free to share them with us.
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 (http://developer.longtailvideo.com/trac/wiki/ImageRotatorVars) 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 :D
If someone want to make changes of this, feel free to share them with us.