SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Cambio de imagen al hacer click

Códigos Javascript

El script muestra una imagen la cual cambiará o será modificada al hacer click con el mouse. tenemos que modificar las urls o paths de las imagenes
Visitas: 42,601 - 17/06/2004 0:24:22
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <head>
  2. <SCRIPT LANGUAGE="JavaScript">
  3. mi_imagen1=new Image
  4. mi_imagen1.src="http://www.tutores.org/tut/images/mundo.gif"
  5. mi_imagen2=new Image
  6. mi_imagen2.src="http://www.tutores.org/tut/images/mundo2.gif"
  7. var i=1;
  8. function cambia_imagen() {                      
  9.    if (i == 1)
  10.       {
  11.       document.images['prueba'].src=mi_imagen2.src
  12.       i=2;
  13.       }
  14.    else
  15.       {
  16.       document.images['prueba'].src=mi_imagen1.src;
  17.       i=1;
  18.       }
  19.    }
  20. </script>
  21. </head>
  22. <body>
  23. <img src="http://www.tutores.org/tut/images/mundo.gif" name="prueba" onMousedown="cambia_imagen()">
  24. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Cambio de imagen al hacer click" href="http://www.tutores.org/codigo/1132/" target="_blank">Cambio de imagen al hacer click</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
juan carlos
5 5
<!-- El codigo ha sido proporcionado: http://www.tutores.org -->
<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>

<head>
<SCRIPT LANGUAGE="JavaScript">
mi_imagen1=new Image
mi_imagen1.src="http://www.tutores.org/tutores/images/mundo.gif"
mi_imagen2=new Image
mi_imagen2.src="http://www.tutores.org/tutores/images/mundo2.gif"
var i=1;
function cambia_imagen() {
if (i == 1)
{
document.images['prueba'].src=mi_imagen2.src
i=2;
}
else
{
document.images['prueba'].src=mi_imagen1.src;
i=1;
}
}
</script>
</head>
<body>
<img src="http://www.tutores.org/tutores/images/mundo.gif" name="prueba" onMousedown="cambia_imagen()">
</body>
saludos lo que pasa es a vers si me pueden ayudar soy nuevo en eso y ya intente utilizar este applet pero ya dentro de mi pagina no funciona


su amigo juan carlos
Comentario usuario
19/04/2003
1 5
hola
suedes indicar el error que te da?
Comentario usuario
06-07-2010 13:43:30
1 5
Hola,
con este codigo logro cambiar la imagen pero rapidamente vuelve a la original, es decir antes de terminar de recargar la pagina ya pone la imagen origibal
Comentario usuario
hola
5 5
hola,
por favor intento hacer una web de anuncios, quiero que cuando alguien pulsa la foto pase a la siguiente en cada uno de los anuncios. Logro hacer todo pero siempre en todos los anuncios pasan las mismas imagenes, no cambian a las nuevas...
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.