JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    
    <img src="http://blog.grio.com/wp-content/themes/grio/images/twitter-logo.png" slideUrl='http://google.fr' />
    
    <img style='width:100px;height:100px;' src="http://blog.stackoverflow.com/audio/stackoverflow-300.png" slideUrl='http://google.com' />

    
    <img src="http://img.clubic.com/00C8000004093786-photo-logo-google-chrome-11.jpg" slideUrl='http://google.com' />

</div>

CSS

img[slideUrl]{
    cursor:pointer;
}

JavaScript

jQuery(document).ready(function($) {
    
    
   $('img[slideurl]').click(function(){
 
   if($(this).is(':last-child')){
       $(this).insertBefore($('img[slideUrl]').first());
    } 
    else {
     $(this).next('img[slideUrl]').insertBefore($(this));
      
    }
    
 });
   
});