Ciao a tutti...
sto facendo i primi esperimenti con JS e J-Query...
Il mio intento è quello di sostituire un'immagine con un'altra al click del mouse...
Ho scritto questo codice:

Codice PHP:
<html>
<head>
<style type="text/css">

#candela {
   border: solid 2px #000;
   height:250px;
   width:250px;
   background-image:url(candelaspenta.jpg);
}

</style>
</head>

<body>

<script>
   $(document).ready(function()  {
      $(candela).click(function()   {
         $(this).css({
            'background-image' : 'url(candelaaccesa.jpg);
         })
       })
    })
</script>

<div id="candela">
</div>

</body>
</html> 
Ora poichè sono proprio alle prime armi qualunque consiglio, suggerimento, dritta (o anche cazziata!) è ben accetta...
Ovviamente il codice non funziona... credo di non essere riuscito ad indicare bene il cambio del css...
A parte questo, l'idea di base è corretta per ottenere quest'effetto?
In principio avevo 2 div identici in tutto e per tutto, posizionati l'uno sull'altro e con la sola differenza dell'immagine di background e pensavo di modificare la proprietà hidden dell'uno e dell'altro ad ogni click.. ma poi mi son detto che tanto valeva cambiare solo l'immagine....
Grazie a chiunque mi darà una mano!


Edit:qual'è la parola magica da includere nelle parentesi quadre per indentare e colorare correttamente il codice javascript?