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:
Ora poichè sono proprio alle prime armi qualunque consiglio, suggerimento, dritta (o anche cazziata!) è ben accetta...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>
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?
Rispondi quotando
