JSFiddle - React, Tailwind, and code Playground

HTML

<img id="foo" src="http://www.id3e.fr/logoComplet1.png" />
<input type="button" value="swap" id="bar" />

JavaScript

var i = 0; 
 
preloadImg=new Array();
var r=-1;
preloadImg[++r]= new Image();
preloadImg[r].src= "http://www.id3e.fr/logoComplet1.png";
preloadImg[r].alt="http://www.id3e.fr";
preloadImg[++r]= new Image();
preloadImg[r].src= "http://www.jaguar-mark.fr/uploads/avatars/cavt5320c62ce952d.jpg";
preloadImg[r].alt="http://www.68hc08.net";
preloadImg[++r]= new Image();
preloadImg[r].src= "http://www.jaguar-mark.fr/uploads/avatars/blank.gif";
preloadImg[r].alt="http://www.jaguar-mark.fr";

function swapImg(){
i=(++i>2)?0:i;
document.getElementById('foo').src= preloadImg[i].src;
document.getElementById('foo').setAttribute('alt', preloadImg[i].alt);
}
            $(function(){
                                              $("#bar").click(swapImg)
                                              })