Ver Mensaje Individual
  #9 (permalink)  
Antiguo 21/01/2010, 04:36
Avatar de ceSharp
ceSharp
 
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 15 años, 6 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