
21/01/2010, 04:36
|
 | | | Fecha de Ingreso: octubre-2008 Ubicación: Madrid
Mensajes: 495
Antigüedad: 16 años, 4 meses Puntos: 66 | |
Respuesta: Cambiar imagen al pulsar sobre ella hola sortega,
mira esta opción:
-----------------------------------------
function cambiaImagen(numImagen)
{
//definimos la variable que captura la imagen en la que se ha hecho click
var imagen = document.getElementById('imagen_'+numImagen);
//preguntamos si la imagen en la que se ha hecho click contiene la cadena de texto 'Alt'
if(imagen.src.indexOf('Alt') == -1)
{
//no contiene 'Alt', ponemos la imagen alternativa
imagen.src = "Imgs/imgAlt"+numImagen+".gif";
}
else
{
//contiene 'Alt', ponemos la imagen original
imagen.src = "Imgs/img"+numImagen+".gif";
}
}
------------------------------------------
y en el html esto
----------------------------------------
<img src="Imgs/img1.gif" alt="" onclick="cambiaImagen(1);" id="imagen_1" />
<img src="Imgs/img2.gif" alt="" onclick="cambiaImagen(2);" id="imagen_2" />
<img src="Imgs/img3.gif" alt="" onclick="cambiaImagen(3);" id="imagen_3" />
-----------------------------------------
De esta manera pasamos a la función un número de imagen (1,2,3 en este caso). La función comprueba si la imagen a la que se apunta contiene la cadena de texto Alt. Si es así significa que está mostrando la imagen alternativa y cambia a la original. en caso contrario muestra la imagen alternativa.
puedes cambiar Alt por lo que quieras (siempre que lo cambies bien el código javascript) y los id's de las imágenes deben llevar un número para que coja bien el objeto imagen.
si tienes dudas me cuentas.
salu2 |