JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gallery">
    <div class="big"><img src="http://s46.radikal.ru/i114/0912/07/c5e80592869f.jpg" /></div>
 <div class="small">
  <img src="http://84.img.avito.st/640x480/411842984.jpg" data-img="http://84.img.avito.st/640x480/411842984.jpg" />
  <img src="http://65.img.avito.st/640x480/364843965.jpg" data-img="http://65.img.avito.st/640x480/364843965.jpg" />
  <img src="http://s1.blomedia.pl/gadzetomania.pl/images/2010/09/Balony.jpg" data-img="http://s1.blomedia.pl/gadzetomania.pl/images/2010/09/Balony.jpg" />
  <img src="http://daleta.umi.ru/images/cms/data/desktopwallpapers_org_ua-680.jpg" data-img="http://daleta.umi.ru/images/cms/data/desktopwallpapers_org_ua-680.jpg" />
 </div>
</div>

CSS

.gallery {max-width: 320px; height: auto; text-align: center; overflow: hidden; position: relative;}
.gallery .big img {width: 320px; height: auto;}
.gallery .small {margin-top: 5px;}
.gallery .small img {width: 24%; height: auto; cursor: pointer;}

JavaScript

$(function(){
    $('.small img').on('click',function(){
    var $src = $(this).attr('src');
    $('.big img').attr('src', $src);
    })
  })