Toggle navigation
Betabeers
Forum
Jobs
Agenda
Streamers
Tests
Talks
Courses
Communities
Entrar
You just voted the comment
Home
>
Forum
>
Javascript
Como conseguir , cambie imagen al pulsar boton
I Like it
1152 visits
0
ruben curado
03/02/2017 15:35
Buenas me gustaria saber como puedo hacer para que cada vez pinche un boton, se cambie la imagen que haya puesto antes, os dejo el codigo html para que me faciliteis el codigo, ya que llevo todo el dia y no consigo sacarlo, un saludo.
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pinguino</title>
<link href="EjercicioPiguinoc.css"
rel="stylesheet" type="text/css">
<script type="text/javascript" src="pinguino.js"> </script>
</head>
<body>
<div class="cuadradoamarillo">
<div class="primerCuadradoBlanco" >
<img src="./M1.jpg"height="188px"width="200px" onclick="cambiar();"></img>
<a id="lien1" href="per" alt="" onclick="javascript:permuter('section1');">
<img src="./M2.jpg"height="188px"width="200px"></img>
<a id="lien2" href="#lien2" alt="" onclick="javascript:permuter('section2');">
<img src="./M3.jpg"height="188px"width="200px"></img>
<a id="lien3" href="#lien3" alt="" onclick="javascript:permuter('section3');">
</div>
<div class="SegundoCuadradoBlanco" id="imagen" >
<input class="colocar" type="button" name="Cargar" value="Cargar M1 EN I1">
<input class="colocar2" type="button" name="Cargar2" value="Cargar M1 EN I2">
<input class="colocar3" type="button" name="Cargar3" value="Cargar M1 EN I3">
<input class="colocar4" type="button" name="Cargar3" value="Cargar M2 EN I1">
<input class="colocar5" type="button" name="Cargar3" value="Cargar M2 EN I2">
<input class="colocar6" type="button" name="Cargar3" value="Cargar M2 EN I3">
<input class="colocar7" type="button" name="Cargar3" value="Cargar M3 EN I1">
<input class="colocar8" type="button" name="Cargar3" value="Cargar M3 EN I2">
<input class="colocar9" type="button" name="Cargar3" value="Cargar M3 EN I3">
<input class="colocar10" type="button" name="Cargar3" value="automático">
</div>
</div>
<img src="./tux.png" height="190px" width="200px"></img>
</body>
</html>
Reply
Responder
You have to register to coment
Register
Publicar comentario
Este sitio necesita cookies para que funcione correctamente
Aceptar Cookies
Política de cookies
Buenas me gustaria saber como puedo hacer para que cada vez pinche un boton, se cambie la imagen que haya puesto antes, os dejo el codigo html para que me faciliteis el codigo, ya que llevo todo el dia y no consigo sacarlo, un saludo.
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pinguino</title>
<link href="EjercicioPiguinoc.css"
rel="stylesheet" type="text/css">
<script type="text/javascript" src="pinguino.js"> </script>
</head>
<body>
<div class="cuadradoamarillo">
<div class="primerCuadradoBlanco" >
<img src="./M1.jpg"height="188px"width="200px" onclick="cambiar();"></img>
<a id="lien1" href="per" alt="" onclick="javascript:permuter('section1');">
<img src="./M2.jpg"height="188px"width="200px"></img>
<a id="lien2" href="#lien2" alt="" onclick="javascript:permuter('section2');">
<img src="./M3.jpg"height="188px"width="200px"></img>
<a id="lien3" href="#lien3" alt="" onclick="javascript:permuter('section3');">
</div>
<div class="SegundoCuadradoBlanco" id="imagen" >
<input class="colocar" type="button" name="Cargar" value="Cargar M1 EN I1">
<input class="colocar2" type="button" name="Cargar2" value="Cargar M1 EN I2">
<input class="colocar3" type="button" name="Cargar3" value="Cargar M1 EN I3">
<input class="colocar4" type="button" name="Cargar3" value="Cargar M2 EN I1">
<input class="colocar5" type="button" name="Cargar3" value="Cargar M2 EN I2">
<input class="colocar6" type="button" name="Cargar3" value="Cargar M2 EN I3">
<input class="colocar7" type="button" name="Cargar3" value="Cargar M3 EN I1">
<input class="colocar8" type="button" name="Cargar3" value="Cargar M3 EN I2">
<input class="colocar9" type="button" name="Cargar3" value="Cargar M3 EN I3">
<input class="colocar10" type="button" name="Cargar3" value="automático">
</div>
</div>
<img src="./tux.png" height="190px" width="200px"></img>
</body>
</html>