changImage

by damir aushenov

HTML

<img src="" alt="" id="mainImage">

JavaScript

var myImage = document.getElementById("mainImage");

var imageArray = ["http://lorempixel.com/output/sports-q-c-640-480-4.jpg", "http://lorempixel.com/output/sports-q-c-640-480-3.jpg", "http://lorempixel.com/output/sports-q-c-640-480-1.jpg"];

var imageIndex = 0;

function changImage() {
        myImage.setAttribute("src", imageArray[imageIndex]);
    imageIndex++;
    if(imageIndex >= imageArray.length) {
        imageIndex= 0;
    }
}
setInterval(changImage, 5000);