JSFiddle - React, Tailwind, and code Playground

HTML

<img id="img2" src="http://www.thesearchagents.com/wp-content/uploads/2013/11/Google-Search.jpg" alt="">

CSS

img {
    height:300px
}

JavaScript

var url = 'http://velocityagency.com/wp-content/uploads/2013/08/go.jpg';
$(document).ready(function () {
    $('#img2').on("mouseenter", function () {
        $this = $(this);
        $this.fadeOut(1000, function () {
            $this.attr("src", url);
        });
        $this.fadeIn(1000);
    })
})