JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<img class="img" src="http://www.w3schools.com/images/w3schools.png" />
<br/>
<img class="img" src="https://www.google.co.in/images/icons/hpcg/ribbon-black_68.png" />
<div id="img-container">
    <img id="cropimage" />
</div>
<div id="myImages">
    <img src="" id="img1" />
    <img src="" id="img2" />
    <img src="" id="img3" />
    <img src="" id="img4" />
    <img src="" id="img5" />
</div>

CSS

img {
    clear: both;
}

JavaScript

$(".img").click(function () {
    var newsrc = $(this).attr("src");
    $("#myImages img[src='']").first().attr("src", newsrc);
});