JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container-outer">
    <div class="container-inner"> 
        <a href="#">
            <img src="http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg" />
        </a>
        <a href="#">
            <img src="http://a.tgcdn.net/images/products/additional/large/e718_broke_something.jpg" />
        </a>
        <a href="#">
            <img src="http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg" />
        </a>
        <a href="#">
            <img src="http://inspiretrends.com/wp-content/uploads/2013/07/InteractiveSVG.jpg" />
        </a>
        <a href="#">
            <img src="http://images5.fanpop.com/image/photos/30800000/-Random-random-30843841-1920-1080.jpg" />
        </a>
        <a href="#">
            <img src="http://inspiretrends.com/wp-content/uploads/2013/07/InteractiveSVG.jpg" />
        </a>
        <a href="#">
            <img src="http://inspiretrends.com/wp-content/uploads/2013/07/InteractiveSVG.jpg" />
        </a>
    </div>
</div>

CSS

.container-outer {height: 400px; width: 100%; position: relative;}

img {height: 100px; width: 100px;}

JavaScript

$('.container-inner').find('img').click(function(){
    $('.container-outer').css({'background-image': 'url('+this.src+')'});
});