JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container gaz">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 conditions">
            </div>
            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 gaz_car">
                <img src="http://www.codeproject.com/KB/GDI-plus/ImageProcessing2/img.jpg" alt="" class="gazel_car">
                <img id="awnings" src="https://s-media-cache-ak0.pinimg.com/736x/8a/60/56/8a605632b3d2674bf694f7e2f755f58b.jpg" alt="" class="awnings">
            </div>
        </div>
    </div>
    <!--gazel_contaner-->
    <!--order-->
    <div class="order">
        <div class="container">
            <div class="row">
                <div class="btn-change-awnings">
                    <a href="javascript:void(0)" id="change"><img src="https://upload.wikimedia.org/wikipedia/commons/2/29/Red_button.png" alt=""></a><span>- change img</span>
                </div>
            </div>
        </div>
    </div>

CSS

.awnings {
    height: 300px;
}
#change img{
    height: 50px;
}

JavaScript

var images = [
    'https://s-media-cache-ak0.pinimg.com/736x/8a/60/56/8a605632b3d2674bf694f7e2f755f58b.jpg',
    'https://kaktackle.files.wordpress.com/2013/02/borussia-dortmund-vs-shakhtar-donetsk-10.jpg',
    'http://3.bp.blogspot.com/-npKx8tSjg54/UX_tN1kN2_I/AAAAAAAABAE/Thm_JmfLZvM/s640/Borussia-Dortmund1.jpg',
    'http://static.guim.co.uk/sys-images/Sport/Pix/pictures/2013/4/9/1365520117603/Borussia-Dortmunds-Marco--008.jpg'
],
    i=1;
for (var j = images.length; j--;) {
    var img = new Image();
    img.src = images[j];
}
$("#change").click('click', function (e) {
    $('#awnings').attr('src', images[i >= images.length - 1 ? i = 0 : ++i]);
    e.preventDefault();
});