Banner Rotativo

Banner Rotativo

HTML

<div id="banner">
    <img src="http://macloo.com/images/african_animals/zebra.png" width="400" height="250">
</div>

CSS

#banner{
    border: 1px dotted black;
    width: 400px;
    padding: 5px 5px 0 5px;
}

JavaScript

var list = [];

list[0]='https://cdn.pixabay.com/photo/2013/04/06/11/50/image-editing-101040_960_720.jpg';
list[1]='https://www.w3schools.com/howto/img_fjords.jpg';
list[2]='http://macloo.com/images/african_animals/lion.png';

setInterval(function(){
    function randomOrder() {
        return (Math.round(Math.random())-0.5); 
    }
    document.getElementById("banner").innerHTML=""; 
    var banner = document.getElementById('banner');
    var img = document.createElement("img");
    list.sort(randomOrder);
    img.src = list[0];
    img.width = '400';
    img.height = '250';
    banner.appendChild(img);
}, 2500);