JSFiddle - React, Tailwind, and code Playground

by Daniil Khanin

HTML

<center><img class= "canvas" src="http://i11.pixs.ru:/storage/4/2/0/1jpg_3166953_19131420.jpg">

<div><img src="http://i11.pixs.ru:/storage/4/2/1/1jpg_9676351_19131421.jpg" data-large="http://i11.pixs.ru:/storage/4/2/0/1jpg_3166953_19131420.jpg" onclick="updateCanvas(this);return false;">

<img src="http://i11.pixs.ru:/storage/4/4/4/21jpg_9232825_19131444.jpg" data-large="http://i11.pixs.ru:/storage/4/4/3/2jpg_7191238_19131443.jpg" onclick="updateCanvas(this);return false;">

<img src="http://i11.pixs.ru:/storage/4/2/5/31jpg_5993910_19131425.jpg" data-large="http://i11.pixs.ru:/storage/4/2/4/3jpg_5351941_19131424.jpg" onclick="updateCanvas(this);return false;">

<img src="http://i11.pixs.ru:/storage/4/2/7/42jpg_9290393_19131427.jpg" data-large="
http://i11.pixs.ru:/storage/4/2/6/4jpg_7113673_19131426.jpg" onclick="updateCanvas(this);return false;">

<img src="http://i11.pixs.ru:/storage/4/2/9/51jpg_3683505_19131429.jpg" data-large="http://i10.pixs.ru:/storage/4/2/8/5jpg_2959958_19131428.jpg" onclick="updateCanvas(this);return false;">

</div></center>


<center><img class= "canvas" src="http://i11.pixs.ru:/storage/4/2/0/1jpg_3166953_19131420.jpg">

<div><img src="http://i11.pixs.ru:/storage/4/2/1/1jpg_9676351_19131421.jpg" data-large="http://i11.pixs.ru:/storage/4/2/0/1jpg_3166953_19131420.jpg" onclick="updateCanvas(this);return false;">

<img src="http://i11.pixs.ru:/storage/4/4/4/21jpg_9232825_19131444.jpg" data-large="http://i11.pixs.ru:/storage/4/4/3/2jpg_7191238_19131443.jpg" onclick="updateCanvas(this);return false;">

<img src="http://i11.pixs.ru:/storage/4/2/5/31jpg_5993910_19131425.jpg" data-large="http://i11.pixs.ru:/storage/4/2/4/3jpg_5351941_19131424.jpg" onclick="updateCanvas(this);return false;">

<img src="http://i11.pixs.ru:/storage/4/2/7/42jpg_9290393_19131427.jpg" data-large="
http://i11.pixs.ru:/storage/4/2/6/4jpg_7113673_19131426.jpg" onclick="updateCanvas(this);return false;">

<img...

CSS

.none{
    
    display:none;
}

JavaScript

function updateCanvas(image){
   var x=image.parentNode.parentNode.firstChild;
if(!image)return;
var largeImage = image.getAttribute('data-large');
if(!largeImage)return;
x.setAttribute('src', largeImage);
}