Slidingcaptions Joomla Module is based on the jQuery tutorial "Sliding Boxes and Captions with jQuery" from Sam Dunn and implements a simple image gallery allowing to display picture sliding caption teaser text on hovering. Slidingcaptions supports multiple uses on the same page or on several pages by defining a unique id for each module.
Features:
* gallery alignment: left or centered
* images folder
* gallery parameters: width, height and background color ans css, number of rows and number of images per row
* image parameters: width, height, margin, image box css
* caption parameters: expanded and collapsed height, background color, caption box css, opacity and sliding effect duration
* teaser parameter: title (text, color, css), teaser (text, color, css)
* readmore link: choice between text or icon, text string, icon or text css
* max 12 images: file name, url and target
Module documentation
The hereafter screenshots are related to the mod_slidingcaptions module used on page "Test all modules".
The path to define your gallery is the following:
* install as usual the module (note: do not uninstall on upgrade)
* measure the available width in px (take into account any module margin css)
* compute image width based on the available width, the number of images on one row and the wanted picture margin.
* Resize with a graphic application your pictures based on the picture width computed.
* Upload your pictures on an accessible folder on your site (images/...)
* set the base gallery parameters and images parameters and check module display on live page
* adapt the gallery width for exact presentation of external margins all around the module
* set the gallery positionning (center by default, if centering does not work due to your template css, use left positionning and define a gallery left margin as needed)
* now you can start the fine tuning of the gallery (css).
Demo: http://www.joompad.be/index.php/modslidingcaptions.html
Download: http://www.joompad.be/index.php/downloads/category/2-modules.html
| ←Previous Coinslider: Image Slider with Unique Effects Joomla Module | Sami Cool Login: HOT Slid Login Form Joomla Plugin Next→ |
|---|
