Home   >>   mod_resp_animate_hover
mod_resp_animate_hover PDF Print E-mail

Responsive AnimateHover

Allows vertical/horizontal/both sliding or fading animation of an image gallery. On hovering, the image is slided/faded and a teaser text is displayed (title + text).

Provide responsive behaviour through the use of the wookmark plugin.

Pending JED registration

ext_mod_mini

compat_25

compat_30

GPL V2.0Licence



Description

compat_25 compat_30 GPL - Free

button_demo button_demo

The module is based on the "Animate a hover with jQuery3 " described in Timothy van Sas tutorial (http://www.incg.nl/blog/2008/hover-block-jquery/) and the Wookmark plugin (http://www.wookmark.com/jquery-plugin) to implement responsivity.

 

The module allows vertical/horizontal/both sliding or fading animation of an image gallery. On hovering, the image is slided/faded and a teaser text is displayed (title + text).

It supports multiple uses on the same page by defining a unique id for each module.

Module allows to define following settings:

* images folder
* max 20 images
* gallery parameters: image width, image height and sliding effect (horizontal, vertical, diagonal, both Vertical/Horizontal per row)
* image parameters:teaser text (html supported), teaser background color and text color, url link and target

* tested on FF, IE, Safari, Google Chrome - XHTML 1.0 compliant.

 

Note:

Please note that RTL gallery effects requires imperatively that the image physical sizes for width and height are identical to the dimensions defined for the image in the module parameters.

Changelog



V1.0 - 12 February 2013 j25 j30

Initial release with same behaviours as the j2.5 version 3.4a but responsive through the use of the wookmark plugin.

V1.1 - 20 March 2013

- bug correction for jQuery load module source (parameter typo)

- module class names prefixed to avoid class name clashes with bootstrap

V1.2 - 25 March 2013

- bug correction for picture url management

V2.0 - 21 April 2013

- possibility to reference a joomla article or k2 item id as target url

- added new box types
  - animated image over caption (default type),
  - fixed caption
  - fixed image
  - fixed superposed caption to image; with rgba transparency (IE9+ compatible) or with a coloured semi-transparent image (IE7+ compatible)
  - image over image

- possibility to define custom css at box item level (for instance to obtain rounded box items).
- addition of comments to explain in details parameter behaviours.

v2.2 : 23 May 2013

Bugs correction:

- undefined notice removed

- K2 component not found with K2 v2.2.6

Support

 

Please report any problem in the appropriate J2.5/J3.0 forum.

If you use and like mod_resp_animate_hover, please post a rating and a review at the Joomla! Extensions Directory.


Note:

This product  is not affiliated with or endorsed by the Joomla! Project. It is not supported or warranted by the Joomla Project or Open Source Matters.