Cambiar una imagen a otra al darle clic a la imagen.

December 24, 2016
0 Comments

Cambiar una imagen a otra al darle clic a la imagen.

Despues de el truco de cambiar la image al pasar el cursor por encima os traigo otro de imagenes, que aparece una segunda imagen al dar un click en ella esta funciona con un gadget “HTML-Javascript” o podeis colocar el codigo directamente a una entrada tal como lo tengo yo. es la mar de sencillo y la puedes colocar donde tu quieras si mas os paso las instrucciones.
Donde pone: (imagen1.src="url dela imagen 1") Ponéis la imagen que se vera primero
osea la que se vera siempre.
La misma imagen la colocáis donde dice: (</script><img src="url dela imagen 1" name="ejemplo" onMousedown="cambiar()"">) 
La segunda imagen la poneis donde dice: (imagen2.src="url dela imagen 2")
Podeis ponerla de diferentes medidas o de la misma como os apetezca o como os quede mejo a vosotros.Os lo marcare con colores para que no os aguais un lio. 
Solo cambiáis lo que esta dentro de "url dela imagen 1" y "url dela imagen 2" sin quitar las comillas " "acodaros si no no funcionara.
Este es el codigo

<script language="javascript">
imagen1=new Image
imagen1.src="url dela imagen 1"
imagen2=new Image
imagen2.src="url dela imagen 2"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script><img src="url dela imagen 1" name="ejemplo" onMousedown="cambiar()""> 


Fecha:24/12/2016

Publicado por:





Fuente: yoandroide



Blogs Famag

Related Posts:

No hay comentarios:

Publicar un comentario

Facebook

Related Posts Plugin for WordPress, Blogger...

AddToAny