necesito usar un javascript que me deje pasar de una imagen a otra pulsando un botón. en scriptmaster hay uno, pero tiene la pega de que el boton de adelante y el de atrás no tiene tope. O sea, yo tengo tres imágenes, sale la primera, y cuando pulso en siguiente me sale la 2ª y después la 3ª, ahí es donde yo quiero que pare, porque una vez que sale la 3ª si le doy a siguiente me vuelve a sacar la 1ª otra vez. y con el botoón de atras pasa lo mismo. Seguro que es una tontería , pero no sé nada de javascript, os dejo el código, ojalá alguien pueda echarme una mano,
gracias, ahí va:
<html>
<head>
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike Canonigo (
[email protected]) -->
<!-- Web Site:
http://www.munkeehead.com -->
<!-- Begin
NewImg = new Array (
"images/1.gif",
"images/2.gif",
"images/3.gif"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
//Time delay between Slides in milliseconds
var delay = 3000;
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 -->
<img src="images/1.gif" name="slideshow">
<table>
<tr>
<td align="right"><a href="javascript
:chgImg(-1)">Previous</a></td>
<td align="center"><a href="javascript
:auto()">Auto/Stop</a></td>
<td align="left"><a href="javascript
:chgImg(1)">Next</a></td>
</tr>
</table>
</body>
</html>