JSFiddle - React, Tailwind, and code Playground

by Fatih Hamzah

JavaScript

var $overlay = $("<div id='overlay'></div>");
var $image = $("<img>");

$($overlay).append($image);
$($overlay).append($text);
$("body main").append($overlay);

$("#picture a").click( function(event) {
    event.preventDefault();
    var href = $(this).attr("href");
    $($image).attr("src", href);
    $($overlay).fadeIn();
} );

$overlay.click( function() {
    $($overlay).fadeOut();
});