Image Slideshow With The JW Image Rotator

Submitted by learnbythedrop on Sun, 12/28/2008 - 10:01
Printer-friendly versionPDF version

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

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 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. See this tutorial if you need guidance on how to do that.

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

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

Step 4: Download the JW Image Rotator 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.

Related Images

Example Block Views Configuration Views Styling
Video Links
YouTube Version
Flash Version
Quicktime Version
AttachmentSizeHitsLast download
jw_image-rotator_code.txt692 bytes11862 days 14 hours ago
Bookmark and Share Bookmark or Share Post

Comments

David's picture
Submitted by David (not verified) on Sun, 05/09/2010 - 09:17.

Re: Image Slideshow With The JW Image Rotator

a) what's RSS got to do with anything? [ not explained ]
b) where to upload JW Image Rotator?

not trying (especially) to be rude, but i can't see the point uploading this, as it creates more questions than it answers

kind of a waste of time

(thanks for all the other Learn by the Drop tuts though)

Bruce Chezem's picture
Submitted by Bruce Chezem (not verified) on Thu, 07/01/2010 - 12:15.

Re: Image Slideshow With The JW Image Rotator

Thank you for the drop.
A few notes...
I worked through the 5 steps above. I set up my block to appear on my front page only. The image rotator seems to be preventing the rest of the page from rendering except for the footer. Images do rotate with transitions however there is a brief "ghost" of a JW logo appearing at the transitions.

I suspect the problem has to do with the paths in the jw_image_rotator.txt and the location of the image rotator files...specifically the js file and the swf file. I placed the downloaded image rotator folder in the contrib modules folder. I think what's happening is Drupal gets hung on rendering the front page at the point where it calls the js file. If this were in the includes folder, I suspect it would render properly. I will test moving the js file to the includes folder and see what happens.

Bruce Chezem's picture
Submitted by Bruce Chezem (not verified) on Thu, 07/01/2010 - 13:51.

Re: Image Slideshow With The JW Image Rotator

That didn't work either. I copied the js file to /misc ( where all the other js files are ), changed the path in the block to point to sitename/misc and still, I get the same results....JW image rotator and the footer are the only two objects rendering on the page.