Diferència entre revisions de la pàgina «Solucio canvi imatge»
De wikiserver
(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"> | ||
− | + | ||
− | |||
<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"," | + | $("#dibujo").attr("src","imagen1.png"); |
else | else | ||
− | $("#dibujo").attr("src"," | + | $("#dibujo").attr("src","imagen2.jpg"); |
i++ | i++ |
Revisió del 09: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>