visor de imagenes

dvd1975 · #1 (**permalink**) 07/03/2008, 08:40

hola estoy creando el siguiente visor de imagenes

<html>
<head>
<title>Documento sin título</title>
<script language="javascript">
var i=0;
var imagenes= new Array("img1off.gif","img2off","img2on");
function siguiente()
{
i++;
if(i==2)
{
document.formulario.sigu.disabled=true;
document.formulario.at.disabled=false;
}
document.formulario.at.disabled=true;
document.im.src=imagenes[i];
}
function atras()
{
i--;
if(i==0)
{
document.formulario.at.disabled=false;

}

document.im.src=imagenes[i];
}

</script>
</head>

<body>
<center>
<img src="img1off.gif" name="im" width="80" height="80" alt="imagen" ><img /><br>
<form name="formulario">

<input type="button" nombre="at" value="atras" onclick="atras()" disabled>
<input type="button" nombre="sigu" value="siguiente" onclick="siguiente()">
</center>
</form>

</body>
</html>

es decir doy a siguiente y se me cargando imagenes del array, si llego la ultima imagen el button siguiente se me desactiva y el de atras esta activado.

si doy para atras y es la primera imagen se me pone el boton atras desactivado y el siguiente ya esta activado.
la cosa es me aparece el error document.formulario.at no tiene properties
cual es el error

por favor

alguien me podria ayudar porque yo no lo veo.

tambien si abro pagina me aparece una icono como de imagen no cargada a lado de la imagen

porque es??

que esta mal???

TurKa · #2 (**permalink**) 07/03/2008, 14:47

Hola!
Te dejo el código corregido. Tenía varios errores pero solo eran de distracción

Suerte!

Código:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<script language="javascript">
var i=0;
var imagenes= new Array("img1off.gif","img2off","img2on");
function siguiente() {
	i++;
	if(i==(imagenes.length)-1) {
		document.formulario.sigu.disabled=true;
		document.formulario.at.disabled=false;
	}
	document.im.src=imagenes[i];
}

function atras() {
	i--;
	if(i==0) {
		document.formulario.at.disabled=true;
		document.formulario.sigu.disabled=false;
	}
	document.im.src=imagenes[i];
}
</script>
</head>

<body>
<center>
<img src="img1off.gif" name="im" width="80" height="80" alt="imagen" ><br>
<form name="formulario">
<input type="button" name="at" value="atras" onclick="atras()" disabled>
<input type="button" name="sigu" value="siguiente" onclick="siguiente()">
</form>
</center>

dvd1975 · #3 (**permalink**) 08/03/2008, 08:51

muchas gracias