JSFiddle - React, Tailwind, and code Playground

HTML

<span class="roll-over"><a href="http://lydiafraserward.co.uk" id='imglink' full='<img border="0" src="http://lydiafraserward.co.uk/uploads/images/thumbs/1LostPictureShow.jpg" width="110" height="110">'>Rollover for image</a></span>

CSS

a, .roll-over {
 display:block;
 width:110px;
 height:110px;   
}

JavaScript

$( function() {
  $("span.roll-over").hover(
    function () {
      $("a",this).attr('small',$("a",this).html());
      $("a",this).stop(false,true).fadeOut(250,function() {
          $(this).html($(this).attr('full'));
          $(this).stop(false,true).fadeIn(250);
      });
    },
    function () {
         $("a",this).html($("a",this).attr('small'));
          
    }
  );
});