Block Bar Style
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.