Question

Fancybox has a feature where it adds the fancybox class for each image on a page using something like this jQuery(thumbnails).addClass("fancybox").attr("rel","fancybox").getTitle();.

I would like to do something similar with the Twitter Bootstrap Modal for the <img> tags so that I don’t have to make a call for each and every image. Essentially, I want to use the bootstrap-modal.js as an inline image viewer, like a Lightbox/Fancybox.

I found this: http://blueimp.github.com/Bootstrap-Image-Gallery/ but the demo shows you have to make a call for each and every image.

How would I go about doing this?

Answer 1

I have used attr by attaching rel=gallery to images within an a href tag:

$('a > img').parent().attr('rel', 'gallery');

Works like a charm!