Drupal Technical

[Drupal] How to build a Slide show view using JCarousal

Aby.va | | 2 min read

In this article I am going to tell you some variety about slide shows that can be integrated to Drupal sites. We use slide shows for good user interface in applications. There is a lot of slide show modules in Drupal.

In slideshows image is usually displayed for at least a few seconds, and sometimes it for several minutes, before the image is replaced by the next image. I think the image movements are controlled by user it is more user-friendly in some cases like category wise image slide shows. So we can use jcarousel plugin.

JCarousel is a jquery plugin for controlling a list of items in horizontal or vertical order. The items can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

The below html code is just list the images.

        
          <div id="example1">
              <ul>
                  <li><img src="images/fruit1.jpg" alt="fruit 1" /></li>
                  <li><img src="images/fruit2.jpg" alt="fruit 2" /></li>
                  <li><img src="images/fruit3.jpg" alt="fruit 3" /></li>
                  <li><img src="images/fruit4.jpg" alt="fruit 4" /></li>
              </ul>
          </div>

The below code Javascript for jcarousel.

        
          $(document).ready(function(){
            $("#example3").tiksluscarouse({width:640,height:480});
          });

I think this jcarousel is integrate to some drupal functions about slide show we get a powerful plug for slide show views. Even though I searched everywhere in the net, I was able to find a solution for that. It is Drupal Jcarousel module

This module allows developers and themes to make use of the jCarousel jQuery plugin. JCarousel jQuery plugin includes a developer API that another modules can use and Views integration in the 2.0 version so this turn any list of content or images into a carousel.

Reference:www.drupal.org/project/jcarousel

 

 

Related Topics