JSFiddle - React, Tailwind, and code Playground

by stefek99

HTML

<a href="#" class="hoverable">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/1Mcolors.png/220px-1Mcolors.png" data-hover="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Ventral-dorsal_streams.svg/300px-Ventral-dorsal_streams.svg.png">
</a>

<a href="#" class="hoverable">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Afterimage.svg/220px-Afterimage.svg.png" data-hover="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/CIExy1931_fixed.svg/170px-CIExy1931_fixed.svg.png">
</a>

JavaScript

$(".hoverable").on("hover", function() {
    var img = $(this).find("img")[0];
    $(img).data("orig", img.src);
    img.src = $(img).data("hover");
});

$(".hoverable").on("mouseleave", function() {
    var img = $(this).find("img")[0];
    img.src = $(img).data("orig");
    alert($(img).data("orig"););
});