Auto Slideshow

A lightweight, automatic image slider that cycles through your photos.

Copy the Script

<script>
var images = [
   "https://placehold.co/800x400?text=Image+1",
   "https://placehold.co/800x400?text=Image+2",
   "https://placehold.co/800x400?text=Image+3"
];
var i = 0;

function slide() {
   document.getElementById("slideImg").src = images[i];
   if (i < images.length - 1) i++; else i = 0;
}
setInterval(slide, 3000); // Change image every 3 seconds
window.onload = slide;
</script>

<!-- HTML Image Tag -->
<img id="slideImg" src="" alt="Slideshow">