Written on July 8, 2008 at 12:04 am by Chase Sagum

My Favorite Free Javascript Image Rotator

Web Design, Web Development 6 comments

Are you looking for a free solution to a Javascript Image Rotator? I have been looking for this lately and found something that I think you all will enjoy using. It’s called the JW Image Rotator and it’s from jeroenwijering.com. For a recent project I needed a quick, good looking solution to a Image Rotator with a cool transition without needing flash. I came across this and it worked perfectly for me.

Installation Instructions
Download the JW Image Rotator from the website. The rotator download ZIP contains all you need to get started. First, transfer the imagerotator.swf and imagerotator.xml file from the ZIP to your website. Also upload all photos you want to show to your site.

Second, change the imagerotator.xml file so that it contains the titles, links and image urls of your images. You can use a simple text editor for that. If you want to add more photos, just copy-paste additional track blocks in he .xml file.

Third, embed the rotator in your HTML page with this line of code. If you place the files in different directories, make sure to set the references in this embed code accordingly:

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

The flashvars parameter can contain a list of variables for configuring the rotator. To quickly get the ones you want, read through the Wiki page with all flashvars. Choose the variables you want and insert their names/values in your page. That’s all!

6 responses to " My Favorite Free Javascript Image Rotator"

  1. coal games on February 7, 2009:

    But the problem with this is that they do not allow people to use this for commercial purposes.

  2. Lance Brown on February 23, 2009:

    Another problem is that it’s not really a Javascript image rotator, it’s a flash image rotator. It’s a good one, but not if you’re looking to avoid Flash.

  3. accounting homework on June 6, 2009:

    Good one, image rotator can be useful at times especially for projects etc

    Thanks for posting them :)

  4. Bobby Bouchet on June 17, 2009:

    “My Favorite Free Javascript Image Rotator”

    “imagerotator.swf” *cough*flash*cough*

    ….!

    Do I even need to say any more?!?!?!?

  5. Trebor on July 11, 2009:

    I used this fantastic imagerotator on our family site http://www.ambalong.com. It can display as many pictures as I want without a problem. The best thing I like this most, is the added option to transform the small image into a screen saver just by clicking on its menu bar. The snippets can be inserted into header.php on the WordPress template.

  6. Prashanth on September 3, 2009:

    Really good information. One of the links may have just saved my life!

Leave a comment

Get Adobe Flash playerPlugin by wpburn.com wordpress themes