JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<img class='image' src="http://how-to-relax.ru/wp-content/uploads/2012/02/ladon.jpg">

CSS

.image {
    width: 300px;
    height: 300px;
}

JavaScript

$(document).ready(function() {
  $('.image').on({
    mouseout: function() {
      $(this).attr('src', 'http://how-to-relax.ru/wp-content/uploads/2012/02/ladon.jpg');
    },
    mouseover: function() {
      $(this).attr('src', 'http://icdn.lenta.ru/images/0000/0298/000002985526/pic_1362640170.jpg');
    }
  });	
});