JSFiddle - React, Tailwind, and code Playground

HTML

<img class="rollover" src="http://dummyimage.com/600x400/000/fff" data-rollover="http://dummyimage.com/600x400/fff/000" />

JavaScript

$(function(){
    $('img.rollover').hover(function(){
        var e = $(this);
        e.data('originalSrc', e.attr('src'));
        e.attr('src', e.attr('data-rollover'));
    }, function(){
        var e = $(this);
        e.attr('src', e.data('originalSrc'));
    }); /* a preloader could easily go here too */
});