Image overlay plugin – attempts to present an image with an overlaid title/caption.

Image overlay plugin – attempts to present an image with an overlaid title/caption.

Want to show images with the apt description?

Apply this plug-in to enable viewing images with a detailed caption. When the images are showed, the detailed description is shown on the bottom. This description appears only when the mouse pointer is hovered over the image. This gives your visitors a detailed description for them to understand the concept. The description is semi-transparent thus not hiding the image completely. For a detailed understanding refer the live demo.

What is it?

The image overlay plugin is a simple jQuery plugin that attempts to present an image with an overlaid title/caption. The overlay drops in on hover, as you can see above.

This plugin is based upon the great demos of this technique available from build internet. Thanks for the inspiration, guys!

Download

This plugin is hosted on Google Code. Download the latest version here.

Compatability
There are no known issues with plugin compatability. Tested in IE 6-8, Firefox 3.5, Google Chrome, Apple Safari 4.0, Opera 10.

For Implementing this code please visit the below link for demonstration,

http://www.ferretarmy.com/files/jQuery/ImageOverlay/ImageOverlay.html#usage

To get the version of the script integrated within a live template visit the website whose link is mentioned here: Boxedart.com

Interested? Want to keep yourselves updated with the latest JavaScripts and codes? Try this website a1javascripts.com for more jQuery, CSS and HTML5 techniques.

JQuery is a very powerful tool, the more you learn about, more will you be amazed what it is capable of. Stay with us for lot of upcoming articles, Guidelines with plenty of great tutorials, Resources, etc.

Leave a Reply