JavaScript - cambiar imagen al pusar sobre un botón

   
Vista:

cambiar imagen al pusar sobre un botón

Publicado por jose depepees@gmail.com (10 intervenciones) el 15/04/2015 17:37:24
Hola a todos os comento una cosa que quiero hacer y no ayo como en JS y en w3school sale una bonbilla
que al pulsar con el raton se enciende y apaga,Yo quiero ponerle un polsador y que la bombilla se
encienda y apage cuando pulse al pulsador no a la bombilla.te pongo el codigo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<body>
 
<img id="myImage" onclick="changeImage()" src="pic_bulboff.png" width="60" height="98">
 
<img id="myImage1" onclick="changeImage1()" src="pulsa.png" width="90" height="48">
 
<script>
 
function changeImage() {
    var image = document.getElementById('myImage');
    if (image.src.match("bulbon")) {
        image.src = "pic_bulboff.png";
 
    } else {
        image.src = "pic_bulbon.png";
 
    }
}
 
</script>
 
</body>
</html>

Muchas gracias por todo pepe
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

cambiar imagen al pusar sobre un botón

Publicado por xve (1597 intervenciones) el 15/04/2015 20:24:52
Hola Jose, ya lo tenias hecho... solo tenias mal puesto el nombre de la función...

Este código funciona!!!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<body>
 
<img id="myImage" src="pic_bulboff.png" width="60" height="98">
 
<img id="myImage1" onclick="changeImage()" src="pulsa.png" width="90" height="48">
 
<script>
 
function changeImage() {
    var image = document.getElementById('myImage');
    if (image.src.match("bulbon")) {
        image.src = "pic_bulboff.png";
    } else {
        image.src = "pic_bulbon.png";
    }
}
 
</script>
 
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar