JSFiddle - React, Tailwind, and code Playground

HTML

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>простая галерея</title>  
</head> 
<body> 
    <div class="mainImageDiv" align="center"> 
        <img src="http://media.eblog.ru/112007/21/beauty_08.jpg" class="image"> 
    </div> 
    <div class="preViewImagesDiv" align="center"> 
        <img src="http://media.eblog.ru/112007/21/beauty_08.jpg" class="previewImage"> 
        <img src="http://img0.liveinternet.ru/images/attach/c/0//42/320/42320448_1239357705_6.jpg" class="previewImage"> 
        <img src="http://strochki.net/wp-content/uploads/2012/08/strf11.jpg" class="previewImage"> 
        <img src="http://s001.radikal.ru/i194/1105/ef/6ee40be9339ft.jpg" class="previewImage"> 
        <img src="http://images.astronet.ru/pubd/2007/11/10/0001224414/WideHolmes_kodama_800.jpg" class="previewImage"> 
        <img src="http://fineartblog.ru/wp-content/uploads/2011/07/default91-1024x686.jpg" class="previewImage"> 
        <img src="http://images.tiu.ru/526440_w640_h640_106.jpg" class="previewImage"> 

    </div> 
</html>

CSS

.image{ 
    height:400px; 
}     
     
.previewImage{ 
    height:100px; 
    cursor:pointer; 
}

JavaScript

$('.previewImage').bind('click',function(){
    var imagelink = $(this).attr('src'); 
    $('.image').attr('src',imagelink); 
});