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
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <head>
- <SCRIPT LANGUAGE="JavaScript">
- mi_imagen1=new Image
- mi_imagen1.src="http://www.tutores.org/tut/images/mundo.gif"
- mi_imagen2=new Image
- mi_imagen2.src="http://www.tutores.org/tut/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/tut/images/mundo.gif" name="prueba" onMousedown="cambia_imagen()">
- </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 -->
<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 carlosjuan carlos
4
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
<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
luca09
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
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
holahola
2
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...
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