JavaScript - Javascript Intercanviar imagenes

 
Vista:

Javascript Intercanviar imagenes

Publicado por Juan Cifuentes (2 intervenciones) el 18/05/2018 21:04:40
Buenas a todos, me gustaría que me ayudaran con un código, la idea es que tengo cuatro imagenes en una fila, y la idea es cuando seleccionara una de esas imágenes y mas tarde seleccionara otra imagen que se me intercambiaran de lugar. 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
sin imagen de perfil

Javascript Intercanviar imagenes

Publicado por galceran (1 intervención) el 19/05/2018 03:43:17
mira si es esto lo que quieres, lo he hecho en JavaScript puro y duro, nada de JQuery ni otras librerias.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script>
		var primeraPulsacion="", segundaPulsacion=""
		function procesa(id){
           if(primeraPulsacion=="")
              primeraPulsacion=id
           else{
			 segundaPulsacion=id
             var temp=document.getElementById(primeraPulsacion).src
             document.getElementById(primeraPulsacion).src=document.getElementById(segundaPulsacion).src
             document.getElementById(segundaPulsacion).src=temp
             primeraPulsacion=""
             segundaPulsacion=""
           }
		}
 
	</script>
</head>
<body>
<img src="img1.png" id="i1" onclick="procesa(this.id)">
<img src="img2.png" id="i2" onclick="procesa(this.id)">
<img src="img3.png" id="i3" onclick="procesa(this.id)">
<img src="img4.png" id="i4" onclick="procesa(this.id)">
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar