The captions are automatically created using the alt
attribute of images and, if it doesn't exist, the title
attribute of links.
For example the following entry will have "I'm only in the alt" as caption.
<a href="photos/8083451788_552becfbc7_b.jpg"> <img alt="I'm only in the alt" src="photos/8083451788_552becfbc7_m.jpg" /> </a>
The following entry haven't an alt
, but it has a title
. In this case the plugin will set "I'm only in the title" as caption.
<a href="photos/8083451788_552becfbc7_b.jpg" title="I'm only in the title"> <img src="photos/8083451788_552becfbc7_m.jpg" /> </a>
In this last exampe, we have both the title
and the alt
. In this case the plugin takes the text from the alt
, and the caption will be "I'm in the alt".
<a href="photos/8083451788_552becfbc7_b.jpg" title="I'm in the title"> <img alt="I'm in the alt" src="photos/8083451788_552becfbc7_m.jpg" /> </a>
The plugin creates the captions putting in each entry an extra div
element after the img
element, with the class caption
.
To have custom captions you need only to put this element, with the content that you want.
<a href="photos/8083451788_552becfbc7_b.jpg"> <img src="photos/8083451788_552becfbc7_m.jpg" /> <div class="caption"> I'm <span style="color:red">a</span> <strong>custom</strong> caption! <div>I'm a div</div> </div> </a>