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>
    <img src="" id="img1" />
    <img src="" id="img2" />
    <img src="" id="img3" />
    <img src="" id="img4" />
    <img src="" id="img5" />
</div>

JavaScript

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