|
<html>
<head>
<title>Slideshow</title>
<script type="text/javascript">
var index = 0;
var pics = new Array();
for (var i = 0; i < 5; i++) {
pics[i] = new Image();
}
pics[0].src = "1.jpg";
pics[1].src = "2.jpg";
pics[2].src = "3.jpg";
pics[3].src = "4.jpg";
pics[4].src = "5.jpg";
function changePhoto(photo) {
document.images[0].src = pics[photo].src;
}
function nextPic() {
index++;
if (index < pics.length) {
changePhoto(index);
}
}
function prevPic() {
if (index > 0) {
index--;
changePhoto(index);
}
}
</script>
</head>
<BODY>
<img src="1.jpg" />
<a href="" onclick="nextPic();return false">Next picture</a>
<a href="" onclick="prevPic();return false">Previous picture</a>
</body>
</html>
|
