Apagar lampada

[rafagets 1]

olá galera!

 

estou começando a aprender javascript, Tem uma pagina que tem uma foto de uma lampada apagada, Quando eu clico nela ela ascende.

 

<img id="liga" src="img/apagada.jpg" onClick="ligar()" >

 

Como faço para apagar ela novamente?

 

 

function ligar() {
document.getElementById("liga").src="img/ligada.jpg";
}

[Andrew Marques 47]

Quando clicar na lampada você deve mudar a propiedade "onCLick" da imagem...

 

Exemplo:

 

<script type="text/javascript">
function ligar(){
	document.getElementById("liga").src="img/ligada.jpg";
	document.getElementById("liga").setAttribute('onclick', 'desligar()');
}
function desligar(){
	document.getElementById("liga").src="img/desligada.jpg";
	document.getElementById("liga").setAttribute('onclick', 'ligar()');
}
</script>

 

Espero ter ajudado!

[Raphael Barros 48]

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script type="text/javascript">

jQuery(function(){

jQuery('#liga').click(function(){

var img = jQuery(this).attr('src');

if(img == 'img/ligada.jpg')

src = 'img/apagada.jpg' ;

else

src = 'img/ligada.jpg' ;

 

jQuery(this).attr('src' , src);

})

 

})

</script>