Como conseguir , cambie imagen al pulsar boton

I Like it

1177 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

Como conseguir , cambie imagen al pulsar boton

// Betabeers

// Participate

// Companies

// Contact