jCapSlide: A jQuery Image Caption Plugin | Codrops

Updated 2 months, 1 week ago

Source: http://tympanus.net/

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:

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′ ...

  • 22 comments on this story
PRO

50% positive

Showing 8 relevant reactions out of 22.

Hi cody,

Thanks for a quick reply. I had already wrapped a href around the divs like you posted above, it was not working for me for some reason, im using a difficultCMs, noinline css and everything has to be broken into little bits, can you add this link behavour to the example gallery?

I found one way around it for time being but its not the proper way, I linked all the caption
... See all content

3 months, 1 week ago by Picard on Wordpress

[...] do plugin: http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/ Bookmark It :Imagens, jCapSlide, jQuery, [...]

3 months, 1 week ago by Legendas deslizantes com jQuery - Blog do Marcelo on Wordpress

Hi, I’m sure you can. Just make sure you insert the “jQuery.noConflict()” so that you can use jQuery and Prototype together. Take a look <a href=”http://docs.jquery.com/Using_jQuery_with_Other_Libraries”>here</a> where this is explained.

greetz

3 months, 1 week ago by cody on Wordpress

hey i like ur plugin, i wanna know is there a way i can use this with a lightbox, so when u click on the image it opens up in a lightbox.

thanks

cheers

3 months, 1 week ago by david on Wordpress

Hi, thanks!

You can do the following.

where it is:

<img src=”images/example2.jpg” width=”180″ height=”240″ alt=”"/>

<div class=”overlay” style=”display:none;”></div>

put

<a href=”http://www.google.com”>

<img src=”images/example2
... See all content

3 months, 2 weeks ago by cody on Wordpress

Great plugin! Works well across the different browsers & is nice for additional contextual info.

Im using it for blurb info on event pics as a call to action without cluttering up the image, I have href linked my background jpg image.

My only issue is the popup overlay actually blocks the images href link when it slides up, is there any way to make this click thru or to make the
... See all content

3 months, 2 weeks ago by Picard on Wordpress

Social comments and analytics for this post…

This post was mentioned on Twitter by codrops: jCapSlide: A jQuery Image Caption Plugin | Codrops: http://bit.ly/6abbYf…

3 months, 3 weeks ago by uberVU - social comments on Wordpress

[...] jCapSlide: A jQuery Image Caption Plugin | Codrops [...]

3 months, 3 weeks ago by Best Celebrity Gossip Blog – The Latest Celeb News & Pictures – I … | Leonardo DiCaprio Celebrity Monitor on Wordpress

© uberVU Ltd. 2010

Terms of use
FEEDBACK