Written on July 8, 2008 by  /  with 11 comments  /  in the Random category.

My Favorite Free Javascript Image Rotator

Needing some guidance with your SEO strategy? Hire my SEO Consulting services today! Call me @ (801) 899-3527 - Click here

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!

CodeCanyon.net has a bunch of other Image Rotator Javascript scripts if you are willing to pay $5-$10 or so. I would recommend looking there as well.

11 responses to this article so far...

Leave a comment