GalleryView » Frame Captions

In this demo, we will add captions to our filmstrip frames by adding a title attribute to each image in our source list, as shown below. We also want to make sure our frames are large enough to display the full captions. I have also disabled filmstrip navigation for this demo.

<img data-frame="img/photos/crops/bp1.jpg" src="img/photos/bp1.jpg" title="Lone Tree Yellowstone">

We must also enable captions via the appropriate plugin option:

$('#myGallery').galleryView({
    frame_width: 180,
    frame_height: 90,
    show_captions: true,
    show_filmstrip_nav: false
});

Photographs courtesy of boston.com November 18, 2011 article on the 2011 National Geographic Photo Contest. All photographs are copyrighted by their original owners.