The Fshbwl

Development

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...

Rotating Banner Images in Durpal 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...

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...

Site Move

I recently moved MattFarina.com from a single site drupal installation over to a multi-site installation. This means that all the image paths in all the posts were updated (via a script). If you see an errors or anything out of place I'd appreciate it if you let me know.

Site Move

I recently moved MattFarina.com from a single site drupal installation over to a multi-site installation. This means that all the image paths in all the posts were updated (via a script). If you see an errors or anything out of place I'd appreciate it if you let me know.

Site Move

I recently moved MattFarina.com from a single site drupal installation over to a multi-site installation. This means that all the image paths in all the posts were updated (via a script). If you see an errors or anything out of place I'd appreciate it if you let me know.