Question

I have created this slider using motiongallery.js (CMotion Image Gallery) from Dynamic Drive.

I’m trying to setup an alt or title text as a caption using jQuery Capty, however it doesn’t show properly (see here).

Does anyone have any hints or advice on how to make this work?

Answer 1

Add the following class to your CSS file. That must fix the whole thing right up.

.capty-wrapper{display:inline-block;}

The problem is that <a> and <img> are inline elements.
Capty uses <div>s for its caption rendering which is a block element which messes up the layout of the gallery.

The above CSS makes the containing div of capty into an inline element.

Also consider Billy Moat’s comment and use
$('.caption').capty();
for adding captions to ur image lements as ids are supposed to be unique.