JavaScript - Cambiar cinco imágenes al pulsar en un botón

 
Vista:
sin imagen de perfil

Cambiar cinco imágenes al pulsar en un botón

Publicado por Marcos (1 intervención) el 29/05/2018 21:18:21
buenas tardes y enhorabuena por los cursos, estoy aprenndiendo bastante.
tengo una duda, y es que quiero hacer una pag html con cinco img's y cuando clico a un boton se cambien las 5 por otra iimagen, la misma para las 5. lo quiero hacer usando el 'documet.images' y el bucle 'for of',
tengo este codigo pero no me chuta:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//funcion que cambia la ruta y el texto alternativo de una imagen
//PROTO: void cambiar(HTMLImageElement, src [, alt]);
 
window.onload = function(){
	//se recuperan todos los elementos con la clase img
	var imagenes = document.images.length;
 
	//para cada img de clase img...
	for (let img of imagenes){
		//pone el tratamiento del evento click
		cambio.onclick = function(){
			this.src = this.src("img/homer.png");
            cambio.innerHTML = imagenes;
        }
    }
}
me ayudais??? mil gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar cinco imágenes al pulsar en un botón

Publicado por xve (2100 intervenciones) el 30/05/2018 07:24:36
Hola Marcos, creo que tu problema, es que la variable imagenes, es un numero (length) y no los elementos para poder iterar con ellos... prueba a cambiar la linea:
1
var imagenes = document.images.length;
por esta:
1
var imagenes = document.images;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar