Como conseguir , cambie imagen al pulsar boton

Me gusta

784 visitas

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>

Responder

Responder

Para comentar tienes que estar registrado. Registrate

Como conseguir , cambie imagen al pulsar boton

// Betabeers

// Participa

// Empresas

// Contacto