Foros del Web » Programando para Internet » Javascript »

Cambiar imagen al hacer click

Estas en el tema de Cambiar imagen al hacer click en el foro de Javascript en Foros del Web. Hola a todos. Tengo 4 imagenes. QUisiera saber la forma de meterlas en un array, y al pinchar sobre la primera vaya a la segunda, ...
  #1 (permalink)  
Antiguo 05/10/2005, 03:18
 
Fecha de Ingreso: octubre-2003
Mensajes: 280
Antigüedad: 20 años, 6 meses
Puntos: 1
Cambiar imagen al hacer click

Hola a todos. Tengo 4 imagenes. QUisiera saber la forma de meterlas en un array, y al pinchar sobre la primera vaya a la segunda, yal llegar a la cuarta que vaya a la primera, o sea, q sea recursivo.

¿Existe esta posibilidad?

Por favor, indiquénme el script.

Gracias y un saludo.
  #2 (permalink)  
Antiguo 05/10/2005, 07:12
Avatar de Saruman  
Fecha de Ingreso: mayo-2003
Ubicación: Panama city, Panama, Panama
Mensajes: 1.154
Antigüedad: 21 años
Puntos: 5
aqui lo tienes:
agrega cuatro imagenes en un directorio llamado "img" y modifica el arreglo a tu antojo...

Código HTML:
<script language="javascript">
function cambiar_imagen(obj) {
var img = new Array("01.jpg","02.jpg","03.jpg","04.jpg");
var dir = obj.src;
dir_pos = dir.indexOf("img/");
current_img = String(dir).substring(dir_pos + 4, dir.length);
 
for (i=0; i<img.length; i++) {
if (img[i] == current_img) {
if ((i+1) != img.length) {
obj.src = "img/" + img[i+1];
} else {
obj.src = "img/" + img[0];
}
}
}
}
</script> 
Código HTML:
<img src="img/01.jpg" id="imagenes" border="0" style="cursor:pointer;" onClick="cambiar_imagen(this)"> 
have fun!!
__________________
Saruman

One Ring to rule them all, One Ring to find them, One Ring to bring them all and in the darkness bind them.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:55.