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

De wikiserver
Dreceres ràpides: navegació, cerca
 
(Hi ha una revisió intermèdia del mateix usuari que no es mostren)
Línia 17: Línia 17:
 
i++
 
i++
 
});
 
});
 +
/*$("#boton1").click(function(){
 +
                var x = Math.floor((Math.random() * 2) + 0);
 +
                if(x==0)
 +
                    $("#dibujo").attr("src","imagen1.jpg");
 +
                else
 +
                    $("#dibujo").attr("src","imagen2.jpg");
 +
 +
               
 +
            });*/
 
 
 
});
 
});
Línia 25: Línia 34:
 
 
 
<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ó de 16:02, 11 abr 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++
			});
/*$("#boton1").click(function(){
                var x = Math.floor((Math.random() * 2) + 0);
                if(x==0)
                    $("#dibujo").attr("src","imagen1.jpg");
                else
                    $("#dibujo").attr("src","imagen2.jpg");
 
                
            });*/
			
		});
	</script>

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

</body>
</html>