Hola!!
Tengo un código sencillito en el que quisiera cambiar una imagen por otra al hacer click en la imagen, y al volver a hacer click, que vuelva a la inicial.
Lo que tengo es lo siguiente:
<head>
<SCRIPT LANGUAGE="JavaScript">
mi_imagen1=new Image
mi_imagen1.src="http://files.123inventatuweb.com/acens8631/image/fax.png"
mi_imagen2=new Image
mi_imagen2.src="http://files.123inventatuweb.com/acens8631/image/modeloficha.jpg"
mi_imagen3=new Image
mi_imagen3.src="http://files.123inventatuweb.com/acens8631/image/hojapedidoicon.jpg"
mi_imagen4=new Image
mi_imagen4.src="http://files.123inventatuweb.com/acens8631/image/68796dc99c3746c392b757947552c512.jpg"
var i=1;
function cambia_imagen() {
if (i == 3)
{
document.images['prueba1'].src=mi_imagen4.src
i=4;
}
else
{
document.images['prueba1'].src=mi_imagen3.src;
i=3;
}
}
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://files.123inventatuweb.com/acens8631/image/fax.png" name="prueba" onMousedown="cambia_imagen()">
<img src="
http://files.123inventatuweb.com/acens8631/image/hojapedidoicon.jpg
" name="prueba1" onMousedown="cambia_imagen()"
</body>
Pero sólo he conseguido que me cambie la primera imagen con el primer click. Cuando le doy a la segunda imagen, me vuelve a cambiar sólo la primera.
Qué estoy haciendo mal?? Esto lo necesito con varias imágenes, no sólo con dos, pero sabiendo dónde está el problema con dos imágenes, supongo que sabré hacerlo con más...
Y de paso... si me ayudáis con algún efecto un poco suave para que se abra la imagen... porque tiene una apertura un poco bestia!
Para que el puntero cambie cuando pasa por encima de la imagen, qué tengo que hacer??
Muchas gracias!!!!!!!!!