Rotating Banner Images in Drupal with Views and jQuery

Rotating banner images is a simple way to spice up most sites. It adds something shiny that can hook people in. If you use jQuery, like I often do, then a simple way to do the rotating banner images is using the jQuery cycle plugin. This plugin can even be used along with drupals views module to create dynamic lists of rotating images.

But, there are some downfalls with this approach. For example, if you create a list of images for the jQuery cycle plugin to rotate through you need to set all but one of them not to display with css. Even though most of the images are not initially displaying they are still downloaded in many browsers. If you have a bunch of images loading that have any size this has a potential to waste a lot of bandwidth if those images aren't viewed.

This was a problem that I ran into working on a few sites. Here's a solution I use that solves this problem while working well with Views, jQuery, and any content Views can create.

You can read the complete article at http://www.innovatingtomorrow.net/2008/05/12/rotating-banner-images-with...