Image Slideshow Options

[Mattab0lism]

Hi everyone, i'm making a site with a slideshow and have all my images in one folder "images" same heirahcy as the html

<div style="position: relative; left: 50%; ">
<img id="myButton" src="images/2.png" width= 900 style="background-color: white;"/>
<script type="text/javascript">
var images = ['images/chaos1.png', 'images/chaos2.png', 'images/chaos3.png', 'images/chaos4.png', 'images/chaos5.png', 'images/chaos6.png', 'images/chaos7.png', 'images/chaos8.png'],
i = 1;

// preload
for (var j=images.length; j-- {
var img = new Image();
img.src = images[j];
}

// event handler
document.getElementById('myButton').addEventListener('click', function() {
this.src = images[i >= images.length - 1 ? i = 0 : ++i];
}, false);
</script><br><br>
</div>