jCapSlide: A jQuery Image Caption Plugin

Here is a new plugin for creating nice sliding captions for images. When hovering over the image, the caption appears and the image gets a semi-transparent color overlay. You can […]

By cody in Playground on November 23, 2009

Demo Download

From our sponsor: Agent.ai Builder is now open—no waitlist. Explore 12+ foundation models, no-code to full-code. Free!

Here is a new plugin for creating nice sliding captions for images. When hovering over the image, the caption appears and the image gets a semi-transparent color overlay.

You can call the plugin the following way:

$(elementID).capslide()

You can configure the plugin with the following properties:

caption_color: The text color of the caption
caption_bgcolor: The background color of the caption
overlay_bgcolor: The overlay color (tint color)
border: e.g. ‘2px solid #00000’ for a black border, leave empty for no border /li>
showcaption: Boolean value to show or hide the title of the caption initially

Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Check out our Collective and stay in the loop.