JavaScript Program to Create Image Slide Show

JavaScript Program to Create Image Slide Show

Write a JavaScript program to create image slideshow.

Create a slideshow with the group of four images, also simulate the next and previous transition between slides in your JavaScript.



Source Code
<html>
<head>
    <title>Image SlideShow</title>
    <script>
    var images = ["01.jpg", "02.jpg", "03.jpg", "04.jpg", "05.jpg"];

    var count = 0;
    function previousImage() 
    {
        if(count!=0)
            count--;
        var id = document.getElementById("imageId");
        id.src = "images/" + images[count];
    }

    function nextImage() {
        if(count!=4)
            count++;
        var id = document.getElementById("imageId");
        id.src = "images/" + images[count];
    }
</script>
</head>
<body>
<center>
    <img id="imageId" src="images/01.jpg" width="300" height="200"/><br/>
    <hr>
    <input type="button" value="< Prev Image" onclick="previousImage()"/>
    <input type="button" value="Next Image >" onclick="nextImage()"/>
</center>
</body>
</html>
Output