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 partner: The AI visual builder for Next.js & Tailwind:
"It's like Framer and v0 had a baby"

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.