(Tutorial) Creating a Fading Image Slideshow in Drupal 5

Tutorial : Creating a Fading Image Slideshow in Drupal 5

I recently had a site that I do volunteer work for ask me if I could create an image slideshow for them on the home page of their Drupal 5.x-powered site. They wanted to showcase various large images on their homepage fading from one to another, as well as be able to control what images were contained in the slideshow. The solution had to be easy to use and maintain as they don't have a dedicated IT person on staff.

Having just viewed Sean Effel's excellent screencast for doing just about the exact thing I needed in Drupal 6, I decided to write this article as a similar exercise for Drupal 5.

To get started, here's the modules you'll need installed and enabled:

We're going to be building a image slideshow using a fairly large image: 800 pixels wide by 400 pixels high. The first thing we'll do it set up an ImageCache preset to automatically scale and crop the images to the proper size. Go to "Administer|Site Building|ImageCache" and click the tab to "Add New Preset". Set the namespace to something like "slideshow_image". Then, add a new "Scale And Crop" action. Set the width and height appropriately. When complete, your preset should look like this: [...]

| Read more..

Courtesy : Drupaleasy.com