JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<div class="cat_glass_thumbs">
	<ul>
        <li data-orig="http://i62.tinypic.com/2088l0l.jpg"><a href="#"><img src="" alt=""/></a></li>
        <li data-orig="http://i58.tinypic.com/2rfv4b6.jpg"><a href="#"><img src="" alt=""/></a></li>
        <li data-orig="http://i62.tinypic.com/9a7nk4.jpg"><a href="#"><img src="" alt=""/></a></li>
        <li data-orig="http://i59.tinypic.com/o7k7cw.jpg"><a href="#"><img src="" alt=""/></a></li>
	</ul>
</div>

CSS

ul{
    list-style: none;
}

li{
    height:200px;
    width:20%;
    background:#eceded;
    margin: .5em;
    float:left;
    cursor: pointer;
}

img{
    width: 100%;
}

JavaScript

$('.cat_glass_thumbs ul li').click(function(){
    var orig_src = $(this).data('orig');
    $('a img', this).attr('src', orig_src);
});