JSFiddle - React, Tailwind, and code Playground

by iamacatperson

HTML

<a class="lightbox" href="http://www.adaliaconfidenceandsuccessblog.com/wp-content/uploads/2009/12/princess-tiana.jpg"><img src="http://www.adaliaconfidenceandsuccessblog.com/wp-content/uploads/2009/12/princess-tiana.jpg" /></a>

<span></span>

JavaScript

var zoom = $('a.lightbox').attr('href');
var imgTop = $('a.lightbox img').offset().top;
var imgLeft = $('a.lightbox img').offset().left;
$('span').text("zoom image is " + zoom + " zoom image pos is " + imgTop + " " + imgLeft);
$('.lightbox', 'body').click(function(e) {
    $('<img src=\"' + zoom + '\" />').appendTo('body');
    e.preventDefault();
});