JSFiddle - React, Tailwind, and code Playground

HTML

<img class="lightbox_trigger" src="media/why.png"></img>

JavaScript

$(document).ready(function($) {
$('.lightbox_trigger').click(function(e) {
    var pre_lightbox_trigger = this.src.split("/");
    var lightbox_trigger = pre_lightbox_trigger[pre_lightbox_trigger.length-1].split(".");
    var href = lightbox_trigger[0] + ".html";
    alert(href);
});
});
/*
if ($('#lightbox').length > 0) {
			$('#lightbox').show();
		}
		else {
			var lightbox =
			'<div id="lightbox">' +
				'<div id="content">' +
					'<iframe src=' + href + 'id="lightframe" frameborder="0" seamless>' +
					'</iframe>' +
				'</div>' +
				'<p>Click outside to close</p>' +
			'</div>';
			$('body').append(lightbox);
		}
		$(document).on('click', '#lightbox', function() {
			$('#lightbox').hide();
		});
	});
});
*/