JSFiddle - React, Tailwind, and code Playground

by lucasprus

HTML

<img id="preview" style="position:absolute" src="http://goo.gl/lKpv2?dwe" alt="Cinqueterra" width="304" height="236" />

<img src="http://www.w3schools.com/images/w3schoolslogo.gif" alt="Cinqueterra" width="304" height="236" />

<div>Image is currently loading.</div>

<div id="thumbnailContainer">
<img src="http://www.w3schools.com/images/w3schoolslogo.gif" width="100px" alt="Cinqueterra" width="304" height="236" />
<img src="http://media.smashingmagazine.com/themes/smashingv4/images/logo.png" width="100px" alt="Cinqueterra" width="304" height="236" />
</div>

JavaScript

$(document).ready(function() {
    //$("img").load(function() {
    //$("div").text("Image loaded");
    //});
    $("#thumbnailContainer img").click(function() {
        $("#preview").attr("src",$(this).attr("src"));
    });
});