HOT Joomla Gallery

Our new extension HOT Joomla Gallery is incorporated in this template. You can see how it works on this demo site. Usage is very simple. You need to enter path to your images and your gallery is ready. Control other parameters to make your gallery works better with your theme.

The "HOT Joomla Gallery" module by HotJoomlaTemplates.com is a fully configurable, simple gallery module, based on jQuery.

In module parameters, you have control over module display. You can enable or disable image descriptions. It's possible to change number of thumbnails. Images can be shown in "per name" or random order. Slide duration is configurable as well. Module colors are configurable. Unlike our other extensions, here you can't change module width and height. Module width and height are set automatically, based on resolutions of your images. So, please prepare images in a folder before publishing this module.

USAGE INSTRUCTIONS

Open module parameters in Extensions > Module Manager > HOT Joomla Gallery. You'll see that some default parameters are already there. However, you should change some of them to accomodate module for usage on your site.

• LOAD JQUERY: Select wheter to load jQuery library or not. If your template already loads it, you may disable this to avoid possible javascript errors.
• FOLDER: Where your images are stored, relative to Joomla root directory.
• ENTER DATA: Fill this only if you need photos with description text. Otherwise, leave this empty and photos will be shown without description.
• SHUFFLE IMAGES: Select whether to randomize images order or not.
• TIMER: How long one photo will stay on screen. Time is in milliseconds.
• AUTO-SLIDE: Select whether to rotate photos automatically or not.
• GALLERY COLOR: Enter module's border color.
• ACTIVE THUMBNAIL BORDER: Border color of active thumbnail image.
• DESCRIPTION TEXT BACKGROUND COLOR: Self explanory.
• DESCRIPTION TEXT COLOR: Self explanory.

HOT Effects Rotator

It's simple, yet powerful image slideshow module. This module makes slideshow presentations with selection of 9 transition effects. It's fully configurable, simple image rotator, based on jQuery 1.4. In module parameters, you have control over module display. You can change width, height, and select effects parameters. It's possible to add internal or external link for each image in rotation. Also, if you like, you can write description text for any image in rotation.

Key Features

• Select one of eight transition effects plus random mode (randomize effects)
• Select number of slices for slice based effects
• iPhone-like control buttons (enabled or disabled)
• Left/Right navigation buttons: Always enabled, enabled on hover or disabled
• Optional pause rotation on hover
• Optional links for each image in rotation (link can be opened in current or new window)
• Optional description text for each image in rotation
• No conflict jQuery mode, so you can use it together with other non-jQuery based extensions

Usage Instructions

Open module parameters in Extensions > Module Manager > HOT Image Slider. You'll see that some default parameters are already there. However, you should change some of them to accomodate module for usage on your site.

• LOAD JQUERY: Select wheter to load jQuery library or not. If your template already loads it, you may disable this to avoid possible javascript errors.
• SLIDER WIDTH: Numerical value for width of the image slider module in pixels (in example 500).
• SLIDER HEIGHT: Numerical value for height of the image slider module in pixels (in example 200).
• FOLDER WHERE IMAGES ARE STORED: Type folder (relative to Joomla root) where your images are stored. Don't include leading or trailing slash (in example you may enter images/stories).
• OPEN LINKS IN A NEW WINDOW: Select whether to open links in a new window or not.
• EFFECTS: Various parameters regarding transition effects.
• IMAGE NAME: Image name with extension (in example articles.jpg).
• IMAGE DESCRIPTION: Description of the image. It will be displayed if enabled.
• LINK: Link for this image, starting with http://. You can use internal or external links (internal link example http://www.yoursite.com/index.php, or external link http://www.google.com). If you don't type link, image would be displayed without link.