JSFiddle - React, Tailwind, and code Playground
HTML
<head>
<style>
.slideshow {
width:200px;
height:200px;
margin:auto;
}
.slideshow img{ padding:15px; border:1px solid #CCC; background-color:#eee
}
</style>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.slideshow').cycle({
fx: 'shuffle',
speed: '500'
});
});
</script>
</head>
<body>
<div class="slideshow">
<img src="uno.jpg" />
<img src="due.jpg" />
<img src="tre.jpg" />
</div>
</body>
</html>