JSFiddle - React, Tailwind, and code Playground

HTML

<div class="principal">
	
</div>
<div class="galeria">
	<ul>
		<li>
			<img src="http://www.fondosni.com/images/wallpapers/love_3d_design_widescreen-wide-51_1400x900.jpg"/>
		</li>
		<li>
			<img src="http://www.8wallpaper.com/newdesk/desk/1244009238980.jpg"/>
		</li>
		<li>
			<img src="http://www.zastavki.com/pictures/1440x900/2010/3D-graphics_3d_aquarium_026005_.jpg"/>
		</li>
		<li>
			<img src="http://k31.kn3.net/6148C2A2E.jpg"/>
		</li>
		<li>
			<img src="http://1.bp.blogspot.com/-QQI9GhB6G-k/TpVyfCCh_4I/AAAAAAABdEk/jdsyIfVYAc4/s1600/halloween-wallpaper-marvel-zombies-secret-war-zombies.jpg"/>
		</li>
		<li>
			<img src="http://wallpaperart.org/images/Wallpaperartinterviewmartaiven/wallpaperart-1400x900.jpg"/>
		</li>
	</ul>
</div>

CSS

img{max-width:100%}
.principal{
    width:100%;
}
.galeria{
    width:100%
}
.galeria ul{
    list-style-type:none;
}
.galeria li{
    width:20%;
    margin:1.25%;
    float:left;
    cursor:pointer;
}

JavaScript

$(document).ready(function(){
    $('.galeria li img').click(function(){
        src = $(this).attr('src');
        img = $('<img>');
        img.attr('src', src);
        $('.principal').html(img);
    });
});