User Tools

Site Tools


foundation

This is an old revision of the document!


Foundation

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">&#215;</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');
	});
});
foundation.1404843606.txt.gz ยท Last modified: 2014/07/08 20:20 by admin