Description ----------- This module provides a central function for adding jCarousel jQuery plugin elements. For more information about jCarousel, visit the official project: http://sorgalla.com/jcarousel/ Installation ------------ 1) Place this module directory in your modules folder (this will usually be "sites/all/modules/"). 2) Enable the module within your Drupal site at Administer -> Site Building -> Modules (admin/build/modules). Usage ----- The jCarousel module is most commonly used with the Views module to turn listings of images or other content into a carousel. 1) Install the Views module (http://drupal.org/project/views) on your Drupal site if you have not already. 2) Add a new view at Administration -> Structure -> Views (admin/structure/views). 3) Change the "Style" of the view under "Style settings" to "jCarousel". Configure the options for the carousel such as the animation speed and skin. 4) For long lists within a Carousel, it may be useful to use AJAX to load additional items into the carousel when clicking on the left or right arrows. To do this, change the "Use AJAX" option to "Yes" within the view, under "Basic Settings". 5) Add the items you would like to include in the rotator under the "Fields" section, and build out the rest of the view as you would normally. Note that the preview of the carousel within Views probably will not appear correctly because the necessary JavaScript and CSS is not loaded in the Views interface. Save your view and visit a page URL containing the view to see how it appears. API Usage --------- The jcarousel_add function allows you to not only add the required jCarousel JavaScript, and apply the jCarousel behavior to the elements on the page. The arguments are as follows: jcarousel_add($class_name, $settings); The $id is the CSS class of the element which will become the carousel. Multiple carousels may have the same carousel ID and all their settings will be shared. The $settings are the configuration options that are sent during the creation of the jCarousel element (optional). The configuration options can be found at: http://sorgalla.com/projects/jcarousel/#Configuration A few special keys may also be provided in $settings, such as $settings['skin'], which can be used to apply a specific skin to the carousel. jCarousel module comes with a few skins by default, but other modules can provide their own skins by implementing hook_jcarousel_skin_info(). An alternative to using jcarousel_add() is passing a list of items that will be in your carousel into theme('jcarousel'). This can be useful to not only add the necessary JavaScript and CSS to the page but also to print out the HTML list. print theme('jcarousel', array('items' => $items, 'options' => $options, 'identifier' => $identifier)); See admin/help/jcarousel for demonstrations of how to utilize jCarousel in your own code. Example ------- The following would add a vertical jCarousel to the page: TRUE)); ?> See jcarousel_help() for more examples. Authors ------- Nate Haug (http://quicksketch.org) Matt Farina (http://www.mattfarina.com) Wim Leers (work@wimleers.com | http://wimleers.com/work) Rob Loach (http://www.robloach.net)