Galleria is a port of the script from DevKick. Its a classy way to display a small number of images in a module with a medium amount of text. The gallery module couldnt be easier to use as the gallery is populated automatically depending on the directory you nominate in the module admin. This moduel comes in Joomla 1.0 and Joomla 1.5 formats.

Features:

Here is a list of the features available with JB Galleria.

• Display up to 40 images from the nominated folder.
  
• Display a small to medium amount of text as a description.
• Click on the large image displays the next image in the gallery.
• Full flexibility with where each element of the gallery is positioned.
• Next and previous navigation buttons.
• Hovering over the thumbnail images fades the thumbnail.
• Fading images and description when new image is selected.

Demos:

Click on the menu items on the left to see the Galleria module in action.

Setting up JB Galleria.

The setup for JB Galleria is relatively straightforward.

1. Defining the images:

a. Upload the images you want to display in the gallery to a selected folder. The images are displayed alphabetically or numerically depending on how you choose to name them. Because the script pulls images from a folder on your site that you define this is the only way that images can be displayed. You can get control over the order the images are displayed by naming them numerically or alphabetically in order.

2. General settings for the module:

a. Select whether you want to include the Jquery library via the module admin. This option is only if you are using a template that already hasnt included Jquery. All of the Joomla Bamboo templates since May have Jquery included.

b. Include the css for the JB Galleria module. Canvas already has the css included so if you are using this module with canvas then set this option to no.

c. Define the foler you uploaded your images to.

3. Controlling the nav bar.

The nav bar contains the links to move the slideshow to the next or the previous slide.

a. Decide whether to publish the nav area.

b. The left offset is the distance from the left edge of the module.

c. The top offset is the distance from the top edge of the module.

4. Controlling the thumbnails.

The thumbnail images can be positioned anywhere in the module block.

a. The thumbnail width refers to the width of the div that holds the thumbnails themselves and not the thumbnails themselves. The thumbnail width is controlled by the css file.

c. The left offset controls the distance from the left edge of the module.

d. The top offset controls the distance from the top edge of the module.

4. Controlling the Description.

The description can be positioned anywhere in the module.

a. The thumbnail width refers to the width of the div that holds the thumbnails themselves and not the thumbnails themselves. The thumbnail width is controlled by the css file.

c. The left offset controls the distance from the left edge of the module.

d. The top offset controls the distance from the top edge of the module.

4. Entering the details for each image.

The description can be positioned anywhere in the module.

a. Enter the title in the title field - this will be output in H2 tags.

c. Enter the description in the description field and will be output as a paragraph using p tags

d. Enter the destination for the read more link. If you do not want to attach a link to the imaages then you can set this option to off in the module admin.

Here is a screenshot of the module admin and the settings used for the galleria on the front page of this demo.

Some frequently asked questions.

Do I need to include jQuery?

You do not need to include jquery in the module if you are using it in a template that already references jQuery. If you are using any of the Jooml bamboo templates from May 2008 then there is no need to include jQuery.

How do I include a module in my main content?

So what if you dont want your module loaded into a module position in your template? Thats easily fixed. In Joomla 1.0 the task took around 5 steps to publish a module in a content item but in Joomla 1.5 its as easy as two. The following instructions assume that you have already created your questions and set up the other parameters for the module:

Joomla 1.5 instructions:

1. Firstly create your content item and type the words { loadposition galleria } - there is an extra space after the curly brackets so that the module wont render in this content so when you are implementing this you will need to remove the space.

2. Go to the JB Galleria module admin and in the module position dropdown box type galleria.

Joomla 1.0 Instructions.

in Joomla 1.0 we dont have the luxury of simply typing into the module position window to create new module positions on our site so in order to get around this we can publish the module to unused positions in the template such as cpanel or we can create new module positions for the entire site. Here are some instructions on how to setup extra module positions in your joomla site here.

1. Firstly create your content item and type the words {mosloadposition cpanel}.

2. Go to the JB Galleria module admin and in the module position dropdown box select cPanel.

Can I have multiple galleries on the one page?

This is not possible with the JB Galleria module.