Image Slideshow With The JW Image Rotator

There are a number of different ways to create image slideshows in Drupal. The Views Slideshow module [6] is one option but doesn't seem to work with the Image module [7] that I'm using on this site. Another option that looks very promising, and should work with Image, is the PicLens module [8] by Cooliris [9].

I wanted to do something simpler to create a rotating image block on the front page of Learn By The Drop to showcase some of the Drupal screenshots that I've uploaded to my gallery. I decided to use the very simple JW Image Rotator [10] as the tool to help me perform this task.

Step 1: I created a basic image gallery using the Image module. My gallery is located here [11]. See this tutorial [12] if you need guidance on how to do that.

Step 2: I used the Views module [13] to create an RSS feed (http://learnbythedrop.com/gallery/feed [14]) for my images. Check out my CCK and Views [15] section for more information on the View module.

Step 3: I added and configured the Media RSS module [16] because the JW Image Rotator reads the Media RSS [17] element in order to display the proper photo.

Step 4: Download the JW Image Rotator [10] and upload the files to a folder on your website.

Step 5: Add a new block to your Drupal site. Paste the appropriate embed code for the JW Image Rotator into the body of the block. Make sure that you have selected an input format of Full HTML. I have attached a sample file to this drop that you can use to start out. More information is available over on the JW Player Wiki [18].

Related Images

[19]	[20]	[21]
Example Block	Views Configuration	Views Styling