JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<img class="primary-image" src="example.jpeg">
<div class="thumbnails"> 
    <img class="thumbnail" src="https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcSfgvi6iF14SA357Enks6Kbns_AIohViOk9efI23HJaFQwmc1pCvCj8oANd">
    <img class="thumbnail" src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcTjk1UbElBRqptRp5sM3NQsX8hkpFD_CyjcdYpCBQqQghJa_tmQZQ">
    <img class="thumbnail" src="https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcRo9gr29jXjCcrb1bIDqfc6fV_riof2IhSPif4jfctU_IAoXAi-uQ">
</div>

JavaScript

$('.thumbnail').click(function() {
    var src = $(this).attr('src');
    $('.primary-image').attr('src', src);
});