<html>
<head>
<title> - >> tu titulo << </title>
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
NewImg = new Array (
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg",
"7.jpg",
"8.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
//Time delay between Slides in milliseconds
var delay = 2200;
var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
// End -->
</script>
</head>
<body>
<!-- SEGUNDO PASO: Copiar dentro del tag BODY -->
<center><caption><strong>Galeria de Fotos</strong></caption></center><br><br>
<img src="1.jpg" name="slideshow">
<table>
<tr>
<td align="right"><a href="javascript
:chgImg(-1)">Anterior</a></td>
<td align="center"><a href="javascript
:auto()">Automático/Detener</a></td>
<td align="left"><a href="javascript
:chgImg(1)">Próxima</a></td>
</tr>
</table>
</body>
</html>
ojo tienes que cambiar los 1,2,3,4,5,6,7,8
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg",
"7.jpg",
"8.jpg"
por tus fotos si agregas mas fijate "8.jpg" esta sin , (coma)