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

De wikiserver
Dreceres ràpides: navegació, cerca
(Es crea la pàgina amb «<source lang="java"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Método attr con estado | Pablo Monteserín</title> <script type="text/java…».)
 
Línia 4: Línia 4:
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
<title>Método attr con estado | Pablo Monteserín</title>
+
 
 
 
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript" src="jquery.js"></script>
 
<script>
 
<script>
Línia 12: Línia 11:
 
$("#boton1").click(function(){
 
$("#boton1").click(function(){
 
if(i%2==0)
 
if(i%2==0)
$("#dibujo").attr("src","tuxes/PinguLinux_Sonic.png");
+
$("#dibujo").attr("src","imagen1.png");
 
else
 
else
$("#dibujo").attr("src","tuxes/PinguLinux_Super_Mario.jpg");
+
$("#dibujo").attr("src","imagen2.jpg");
  
 
i++
 
i++

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="tuxes/PinguLinux_Super_Mario.jpg" height="256" width="256" />

</body>
</html>