jQuery Captify is a plugin that displays simple and pretty captions that pop up on rollover. But in this tutorial article you can find a quick guide on using an actual image as a caption with jQuery Captify.
Simple markup is used for a start to attach the image as an alternative of text caption. Define an ID attribute on the image, therefore you can “captify” the image using this particular ID.
In the CSS, we take the caption image and make it the background of the caption div that slides up and using the Phark image replacement method, we slide the actual caption text out of view so that it doesn’t show up on top of the background.
Add a set of javascript, then the code will apply a caption with a targeted CSS classname to the image that corresponds to the ID. You should have a nice pop up image captions on rollover for the result.
Learn the details from the source tutorial and start to experiment a bit to have something different and eye-catching on your web page!
URL: http://masterfidgeter.com/2009/03/using-images-as-captions-with-jquery-captify/
Twitter Updates
Loading...
Written by Thomas
Topics: Scripting