Slide Show

 <img class="mySlides" src="https://ih1.redbubble.net/image.505029134.7145/st,small,507x507-pad,600x600,f8f8f8.u2.jpg" style="width: 200px;" />
<img class="mySlides" src="https://ih1.redbubble.net/image.816377316.4417/st,small,507x507-pad,600x600,f8f8f8.u1.jpg" style="width: 200px;" />
<img class="mySlides" src="https://ih1.redbubble.net/image.877955172.6060/poster,504x498,f8f8f8-pad,600x600,f8f8f8.jpg" style="width: 200px;" />
<img class="mySlides" src="https://ih1.redbubble.net/image.810616502.5757/st,small,507x507-pad,600x600,f8f8f8.u2.jpg" style="width: 200px;" />


<script>
var myIndex = 0;
carousel();
function carousel() {
  var i;
  var x = document.getElementsByClassName("mySlides");
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
  }
  myIndex++;
  if (myIndex > x.length) {myIndex = 1}    
  x[myIndex-1].style.display = "block";  
  setTimeout(carousel, 1000); // Change image every 1 seconds
}
</script>