This is an old revision of the document!
Description
Turn each a.lightbox into a Lightbox on click.
Code
HTML:
<a href="BIG_IMAGE_URL" class="lightbox"> <img src="THUMBNAIL_IMAGE" /> </a>
JS:
$('a.lightbox').click(function(event) { event.preventDefault(); var div = '<div id="lightbox" class="reveal-modal" data-reveal><img /><a class="close-reveal-modal">×</a></div>'; $(div).appendTo('body'); var url = $(this).attr('href'); $.ajax({ url: url, cache: true, processData: false, }).always(function() { $("#lightbox img").attr("src", url); $("#lightbox").foundation('reveal', 'open'); }); });