Jcarousel block: setting up

Last modified: September 18, 2009 - 21:35

Introduction

As of the writing of this how-to, the module is on version 6.x-1.6 (2008-Oct-31) and it comes with limited options. That just makes it easier to set up.

The purpose of the module is to show photos on a nifty-slideshow-like-thing which works on any Content type (Pages, Stories, etc). Even your custom Content types will work (if you want to).

While this document was made with CCK imagefield in mind, the instructions are basically the same for Imceimage.

Set it up:

Follow these steps

  1. Go to the first Content type that will use the Jcarousel block, for example "Pages".
  2. Create a new imagefield - Give it a proper Name ( http://img12.imageshack.us/my.php?image=jcarouselblock01createi.png ).
  3. After you create the field, it's automatically added to the Content type (http://img13.imageshack.us/my.php?image=jcarouselblock02imagefi.png, Note this screenshot is not updated for ImageField 3.0+ in which you select "File" as the field type and "Image" as the widget ).
  4. This field will have a group of specifications (allowed sizes for the pictures, etc) which you should configure ( http://img27.imageshack.us/my.php?image=jcarouselblock03configi.png ).
  5. Now go to Jcarousel_block configuration page and type the name of the imagefield there - this is how it knows where to pull the images from ( http://img21.imageshack.us/my.php?image=jcarouselblock04configj.png ).

After that you can add the imagefield to other Content types if you want.
Follow the same process, but remember you don't need to create the imagefield because it already exists. Just add it to the Content type.

Creating content:

When create or editing content, you will notice there's a new area where you can upload images.
Do that, submit the content and... voilá! Check your new node, the carousel should be there!

Screenshot: http://img8.imageshack.us/img8/3086/jcarouselblock05createn.png


More information

There is a thread that discusses this same subject on http://drupal.org/node/310580 .
There's a quick how-to on PDF format posted by jdl100 on http://drupal.org/node/310580#comment-1021585 .

Also check the other pages under this.

 
 

Drupal is a registered trademark of Dries Buytaert.