JSFiddle - React, Tailwind, and code Playground

HTML

<img id="logo" src="http://placekitten.com/100" />

CSS

#logo {
    width: 100px;
    height: 100px;
}

JavaScript

var logos = ["http://placekitten.com/100", "http://placekitten.com/200", "http://placekitten.com/300"];

var i = 0;

$('#logo').mouseover(function () {
    $(this).attr('src', logos[++i % logos.length]);
});