JSFiddle - React, Tailwind, and code Playground

by thierrymichel

HTML

<div class="social"><img src="http://uploads.thierrymichel.net/small-legofenris-1.jpg"><img src="http://uploads.thierrymichel.net/small-legofenris-2.jpg"><img src="http://uploads.thierrymichel.net/small-legofenris-3.jpg"></div>

JavaScript

(function($) { 
    $('.social img').hover(
        function() {
            var src = $(this).attr('src');
            $(this).attr('src', src.replace('.jpg', '_hover.jpg'));
        },
        function() {
            var src = $(this).attr('src');
            $(this).attr('src', src.replace('_hover.jpg', '.jpg'));
        }
    );
})(jQuery);