JSFiddle - React, Tailwind, and code Playground

by renevilla23

HTML

<figure>
  <img src="http://reneinla.com/tasha-goldthwait/style/images/stills/FORD-SUPER-BOWL.jpg"/>
</figure>
<figure>
  <img src="http://reneinla.com/tasha-goldthwait/style/images/stills/OPERATOR.jpg" />
</figure>

CSS

figure img{
  width: 50%;
  height: auto;
}

JavaScript

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
    		$(this).hover(function(){
        	$('<img/>')[0].src = this;
        });
    });
}



preload([
			"http://reneinla.com/tasha-goldthwait/style/images/gifs/giphy.gif",
      "http://reneinla.com/tasha-goldthwait/style/images/gifs/LEAGUE-OF-LEGENDS.gif",
      "http://reneinla.com/tasha-goldthwait/style/images/gifs/OPERATOR.gif"
]);