Home Extensions Bamboo Box

Bamboo Box

PDFPrintE-mail
Written by Administrator
01
Jun
2009

The Bamboo Box module is an incredibly flexible gallery module for Joomla that uses your very own Joomla content to create a slick gallery for your site using nothing more than a module and your Joomla content.

Overview.

What makes the Bamboo Box module different from other galleries is that you dont need to install other components or plugins and you can use your existing Joomla content to create a simple but effective way of presenting your artwork, photos or anything else that needs a gallery.

Here is an example of the Bamboo Box using a minimal grid layout:

Opening up to briliant sunshine
Solitude and the lonely country
Artful inner balance
Meditation and the still mind
Embracing eternity
Beach sculpture creates serenity
Retroactive wallpapers
Eco Beat - Music for the masses
Portrait of an eco veteran

Please note: The module references images in your content and then adds them to the module. If the content item does not have an image assigned to it then content item will not display in the BambooBox module.

Bamboo Box Features:

  • Display unlimited number of images from your Joomla content items in a module
  • Use the gallery as a traditional light box and display the full size image in a lightbox popup.
  • Use the gallery to display the entire content item in a popup.
  • Display More Details and View Image links beneath the image.
  • Display the title of the content item the image is drawn from using the captify effect.
  • Complete control over the resizing of the thumbnail image.

Some more examples of the Bamboo Box in action:

Clicking on the images below will display the image in the lightbox.

Opening up to briliant sunshine
Solitude and the lonely country
Artful inner balance
Meditation and the still mind

Clicking the images below will navigate the user to the content item, while the more details link will launch the content item in a lightbox and the view image link will display the image by itself in the lightbox.

Eco Beat - Music for the masses
More Details View Image
Portrait of an eco veteran
More Details View Image
Meditation and the still mind
More Details View Image
Artful inner balance
More Details View Image
Retroactive wallpapers
More Details View Image
Beach sculpture creates serenity
More Details View Image

The example below is a demonstration of the module being used as a navigation strip. Clicking the images will direct the user to the content item.

Eco Beat - Music for the masses
Portrait of an eco veteran
Meditation and the still mind
Artful inner balance
Retroactive wallpapers


The screenshot below displays the parameters available for the Bamboo Box module.

General Module Setup

Module Class Suffix - Use this setting to add your own unique styling to the module.

Thumbnail Settings

This group of settings controls the appearance of the thumbnail images inside the module.

Width of the resized image
This setting specifies the width of the resized image.

Height of the resized image

This setting specifies the height of the resized image.

The width ratio of the image
This setting specifies the width ratio of the resized thumbnail image in relation to the height ratio.

The height ratio of the image
This setting specifies the height ratio of the resized thumbnail image in relation to the width ratio.

The width ratio of the image
This setting specifies the width ratio of the resized thumbnail image in relation to the height ratio.

Thumbnail Hover Effect
When set to yes this setting enables a fade effect on the thumbnail when the image is hovered over.

Content Display Options

This group of options controls the content which is used as the source for the images and the intro text when the module is set to display intro text.

Action
This setting determines the action taken when the image itself is clicked on. The options available include:
  • Open the content item that the image is referenced from.
  • Displays the image in a popup.
  • Displays the content item in a popup.
  • No action attached to the image.
Count
Determines the number of images or articles to display in the module.

Select the category to display the items from.
This setting allows you to specify the category for the module to reference when displaying images.

Ordering of Content
Determines the order for the images to appear in the module. The settings relate to the content items where the images are referenced.
Settings available include:
  • Most Recent First
  • Oldest First
  • Title Alphabetical
  • Title Alphabetical Reverse
  • Most Read
  • Least Read
  • Default ordering

FancyBox Popup Settings

The next group of settings are only relevant if you have chosen any of the links to display the images or content items in a popup window. In order for any of these settings to take effect you need to specify open in popup box in either the Action option for the content items or the More Details link behaviour below.
Display Title in Fancybox
This setting displays the title of the content item in the area just below the bottom left of the fancybox window.

Use gallery method to group popups.
This setting groups the images or content items in a gallery which enables navigation between slides when the popup is initiated. The left and right navigation buttons appear at the bottom right of the popup window.
Use the overlay.
When this option is set to yes the popup sits on top of a transparent overlay that obscures the rest of the page. When you click on the overlay the popup will also close.
Overlay Opacity
This setting determines the transparency of the overlay if the preceding setting is set to yes. The settings scale goes from 0 which is completely transparent up to 1 which is completely opaque.
Popup Padding
This is the padding around the image or the content in the popup. Please note that you are only required to enter a numerical value and not the px unit.
Popup Width
This setting is the width of the popup window without the px unit.
Popup Height
This setting is the height of the popup window without the px unit.

Meta info and links below images

This group of settings refers to the appearance and behaviour of the links and information below each image.
Display Links below Image
This setting when enabled displays links below the image in the module. If set to no then no links will be displayed below the image.
More Details link behaviour
This setting determines the action that occurs when the more details link is clicked. You can choose to open the content item where the user is directed to the content item or you can select the open in a popup box option where the content item is displayed using the fancybox lightbox.
Display more details link
This option determines whether the more details link is displayed.
More Details text
This option allows you to specify the text for the more details link.
Display View Image Link
This setting enables or disables the view image link below the image.
View Image Text
This setting determines the text for the view image link.

Captify Effects

The following settings control the captify effect which is a slick way of displaying the title of the image or the content item in a sliding or fading overlay on top of the image itself. This option is best used for thumbnails with a reasonable width as long titles tend to get truncated on smaller thumbnail images.
Enable Captify Effect
This option determines if the captify effect is operational or not.
Transition Speed In
This setting sets the time it takes for the overlay and title to fade or slide in.
Transition Speed Out
This setting sets the time it takes for the overlay and title to fade or slideout.
Opacity
This setting determines the opacity of the overlay that sits on top of the images. An opacity of 0 is completely transparent while an overlay of 1 will be completely opaque.
Transition
Choose whether to fade or slide the title into view.
Position
Select between the top and bottom positions for the title to appear.
Last Updated on 04 September 2009