Javascript - Easy picture slideshow

Lo slideshow più facile che ci sia:

<center>

<script language="JavaScript">

var i = 0;

var path = new Array();

var names = new Array();

// LIST OF IMAGES

path[0] = "/public/images/commodore-vic-20.jpg";

path[1] = "/public/images/Commodore64withdisk.jpg";

path[2] = "/public/images/PhilipsPC.jpg";

path[3] = "/public/images/toshiba.jpg";

path[4] = "/public/images/compaq.jpg";

path[5] = "/public/images/dell.jpg";

path[6] = "/public/images/acer.jpg";

path[7] = "/public/images/surface.jpg";

//LIST OF DESCRIPTIONS

names[0] = "Commodore Vic 20";

names[1] = "Commodore 64";

names[2] = "Philips 80286";

names[3] = "Toshiba Travelmate";

names[4] = "Compaq";

names[5] = "Dell";

names[6] = "Acer Travelmate 6292";

names[7] = "Surface Pro 2";

function nextImage()

{

if(i < path.length - 1) i++;

else i = 0;

document.slide.src = path[i];

document.getElementById("slideDescr").innerHTML =names[i];

}

function prevImage()

{

if(i > 0) i--;

else i = path.length-1;

document.slide.src = path[i];

document.getElementById("slideDescr").innerHTML =names[i];

}

</script>

<table style="width:400px;background-color:black;">

<tbody>

<tr>

<td>

<img src="/public/images/prev.png" onclick="prevImage()" height="40" width="40">

</td>

<td align="center">

<img name="slide" src="/public/images/commodore-vic-20.jpg" height="200">

</td>

<td align="right">

<img src="/public/images/next.png" onclick="nextImage()" height="40" width="40">

</td>

</tr>

<tr>

<td colspan="3" align="center">

<span name="slideDescr" id="slideDescr">Commodore Vic 20</span>

</td>

</tr>

</tbody>

</table>

</center>

Si ottiene un risultato di questo tipo