Ciao, grazie mille per l'aiuto...
Sto provando ad effettuare la modifica aiutandomi con gli esempi che mi hai linkato ma non riesco ad ottenere l'effetto corretto...
Adesso il codice è così:

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

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

.accendi{
   background-image:url(candelaaccesa.jpg); 
}

</style> 
</head> 

<body> 

<script> 
   $(document).ready(function()  { 
      $(candela).click(function()   { 
         $(this).toggleClass('accendi');
       });
    });
</script> 

<div class="candela"> 
</div> 

</body> 
</html> 
Praticamente non fa nulla...
Non mi è ancora chiaro se "toggle" aggiunge/rimuove oppure se sostituisce...