Diferència entre revisions de la pàgina «Solucio canvi imatge»

De wikiserver
Dreceres ràpides: navegació, cerca
Línia 25: Línia 25:
 
 
 
<input type="button" id="boton1" value="pulsame"/>
 
<input type="button" id="boton1" value="pulsame"/>
<img id="dibujo" src="tuxes/PinguLinux_Super_Mario.jpg" height="256" width="256" />
+
<img id="dibujo" src="imagen2.jpg" height="256" width="256" />
  
 
</body>
 
</body>

Revisió del 10:47, 31 març 2016

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	
	<script type="text/javascript" src="jquery.js"></script>
	<script>
		$(document).ready(function(){
			var i=0;
			$("#boton1").click(function(){
				if(i%2==0)
					$("#dibujo").attr("src","imagen1.png");
				else
					$("#dibujo").attr("src","imagen2.jpg");

				i++
			});
			
		});
	</script>

</head>
<body>
	
	<input type="button" id="boton1" value="pulsame"/>
	<img id="dibujo" src="imagen2.jpg" height="256" width="256" />

</body>
</html>