Follow us on Twitter

Nifty Quick

May15

Block Bar Style

Categories // Extensions

Add some style to Item Images in ZOO

Announcing another cool ZOO Element to add some flair to Images in your ZOO Items. The Element makes it super easy to add some nice Hover boxes with Captions over your images.

There are currently 5 different hover/slide effects that fade or slide in over your images and show the Image Captions. Using the Element is simple, see the screenshot above. The Element also has the same behaviour as the Core Image Element.

In the example we added the mosaic-block bar class and for the Caption we added the following in that field:

<h3 class="hovertitle">Colourful Paper</h3>Check it out ! | <em>Add some html here, EASY</em>

The following Class can be used for the different effects;

mosaic-block bar
mosaic-block bar2
mosaic-block bar3
mosaic-block fade
mosaic-block circle (experimental)

You can make use of any CSS class that already exists in your template framework, like we did with the em class . The jQuery  script that does it magic weighs only 2KB only and has been optimised.