Back to vBulletin 3.8 Add-ons

Rotating Images Slideshow [easy to install]
Mod Version: 1.00, by hubie

vB Version: 3.8.x Rating: (2 votes - 5.00 average) Installs: 4
Released: 06 Apr 2010 Last Update: Never Downloads: 0
Not Supported Additional Files Re-usable Code External Content  

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

HTML Code:
<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.

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

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

Download

No files for download.

Screenshots

Click image for larger version
Name:	rotating.jpg
Views:	609
Size:	46.0 KB
ID:	115370  


vblts.ru supports vBulletin®, 2022-2025