Foros del web, para los que viven de bits

Besstiia · 05-may-2008, 05:14

Hola a todos,

Tengo un problema con este código, ya que al pulsar el botón tengo que poder cambiar de imagen y no sé que es lo que tengo mal. Espero que me puedan ayudar.

Muchas gracias.

PD. Pego el código por aquí.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<html>
<head><title>Cambio de Imagen</title>
</head>
<body>
<br><center><hr><h1>Cambio de Imagen</h1><br><br>

<IMG src="Imagen.gif" name="Imagen">

<script language="JavaScript" type="text/javascript">

</script>

<form name='CambioImagen'>
<input type='button' value='Cambia' onclick="Cambiar()">
</form>

</center><br><hr>
</body>
</html>

JavierB · 05-may-2008, 10:53

Hola Besstiia

En lugar de name ponle un id a la imagen: <img src="Imagen.gif" id="Imagen">

y utiliza document.getElementById

Te pongo un ejemplo, y de paso simplifico tu código, que nunca viene mal:

Código:

<script type="text/javascript">
var im = false;
function Cambiar(){
  obj = document.getElementById('Imagen');
  obj.src = im ? 'Imagen.gif' : 'Imagen1.gif';
  im = !im;
}
</script>

Saludos,

Besstiia · 05-may-2008, 11:05

Hola JavierB,

Agradezco tu comentario, pero tengo que hacerlo con el atributo name. ¿Puedes ver algo mal en el código?.

Muchas gracias otra vez.

Cita:

Iniciado por JavierB

Hola Besstiia

En lugar de name ponle un id a la imagen: <img src="Imagen.gif" id="Imagen">

y utiliza document.getElementById

Te pongo un ejemplo, y de paso simplifico tu código, que nunca viene mal:

Código:

<script type="text/javascript">
var im = false;
function Cambiar(){
  obj = document.getElementById('Imagen');
  obj.src = im ? 'Imagen.gif' : 'Imagen1.gif';
  im = !im;
}
</script>

Saludos,

gildus · 05-may-2008, 13:25

Holas,

En la linea donde dice:

Cita:

var ImagenesCargar = New Array("Imagen.gif","Imagen1.gif");

Lo correcto es:

Cita:

var ImagenesCargar = new Array("Imagen.gif","Imagen1.gif");

Saludos
Gildus

Besstiia · 05-may-2008, 13:34

Muchas gracias Gildus,

Efectivamente ese era el fallo.

05-may-2008, 05:14	#1 (permalink)
Besstiia Fecha de Ingreso: diciembre-2003 Mensajes: 25	Ayuda con Código, por favor!!! Hola a todos, Tengo un problema con este código, ya que al pulsar el botón tengo que poder cambiar de imagen y no sé que es lo que tengo mal. Espero que me puedan ayudar. Muchas gracias. PD. Pego el código por aquí. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- Tabla de Multiplicar --> <html> <head><title>Cambio de Imagen</title> </head> <body> <br><center><hr><h1>Cambio de Imagen</h1><br><br> <IMG src="Imagen.gif" name="Imagen"> <script language="JavaScript" type="text/javascript"> <!-- var ImagenesCargar = New Array("Imagen.gif","Imagen1.gif"); var i=0; function Cambiar() { if (i == 0) { document.Imagen.src=ImagenesCargar[i]; i=1; return true; } else { document.Imagen.src=ImagenesCargar[i]; i=0; return true; } } //--> </script> <form name='CambioImagen'> <input type='button' value='Cambia' onclick="Cambiar()"> </form> </center><br><hr> </body> </html>

05-may-2008, 10:53	#2 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.471	Re: Ayuda con Código, por favor!!! Hola Besstiia En lugar de name ponle un id a la imagen: <img src="Imagen.gif" id="Imagen"> y utiliza document.getElementById Te pongo un ejemplo, y de paso simplifico tu código, que nunca viene mal: Código: <script type="text/javascript"> var im = false; function Cambiar(){ obj = document.getElementById('Imagen'); obj.src = im ? 'Imagen.gif' : 'Imagen1.gif'; im = !im; } </script> Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

05-may-2008, 11:05	#3 (permalink)
Besstiia Fecha de Ingreso: diciembre-2003 Mensajes: 25	Re: Ayuda con Código, por favor!!! Hola JavierB, Agradezco tu comentario, pero tengo que hacerlo con el atributo name. ¿Puedes ver algo mal en el código?. Muchas gracias otra vez. Cita: Iniciado por JavierB Hola Besstiia En lugar de name ponle un id a la imagen: <img src="Imagen.gif" id="Imagen"> y utiliza document.getElementById Te pongo un ejemplo, y de paso simplifico tu código, que nunca viene mal: Código: <script type="text/javascript"> var im = false; function Cambiar(){ obj = document.getElementById('Imagen'); obj.src = im ? 'Imagen.gif' : 'Imagen1.gif'; im = !im; } </script> Saludos,

05-may-2008, 13:25	#4 (permalink)
gildus Fecha de Ingreso: agosto-2003 Mensajes: 504	Re: Ayuda con Código, por favor!!! Holas, En la linea donde dice: Cita: var ImagenesCargar = New Array("Imagen.gif","Imagen1.gif"); Lo correcto es: Cita: var ImagenesCargar = new Array("Imagen.gif","Imagen1.gif"); Saludos Gildus __________________ .: Gildus :. www.gildus.com.ar

05-may-2008, 13:34	#5 (permalink)
Besstiia Fecha de Ingreso: diciembre-2003 Mensajes: 25	Re: Ayuda con Código, por favor!!! Muchas gracias Gildus, Efectivamente ese era el fallo.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado