Modificare sfondo e immagine?

**98edoardo** · 18-03-2013, 21:57

Ciao a tutti, vi chiedo aiuto per l'ennesima volta (e vi ringrazio infinitamente).
Ho due immagini: la prima che rappresenta una lampadina accesa chiamata a.png e una seconda che è una lampadina spenta chiamata b.png .
Vorrei che quando si clicca su a.png il colore di sfondo diventasse nero e la lampadina diventasse b.png, mentre se si clicca su b.png la lampadina diventa a.png e lo sfondo torna bianco. Mi potete aiutare?
Vi ringrazio in anticipo.

**cavicchiandrea** · 18-03-2013, 22:18

Inizia col buttare giù html e il codice per eseguire il tutto

**98edoardo** · 18-03-2013, 22:23

Ho buttato giù l'html che dovrebbe essere necessario. Solo che non so cosa mettere nell funzione

Codice PHP:


<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

function img() {



}

</script>

</head>

<body>

<a onclick="img()">[img]images/a.png[/img]</a>

</body>

</html>

**cavicchiandrea** · 18-03-2013, 22:29

Vuoi cambiare il colore di sfondo del body?

**98edoardo** · 19-03-2013, 19:34

in poche parole io voglio che quando un utente clicca su b.png , lo sfondo diventa nero, e l'immagine diventa a.png , mentre se si clicca su a.png lo sfondo diventa bianco e si rincomincia da capo.

**cavicchiandrea** · 19-03-2013, 19:46

Questo l'ho capito e che non hai inserito nessun div nel markup della pagina per questo la domanda vuoi cambiare il colore del body?

**98edoardo** · 19-03-2013, 20:15

si

**cavicchiandrea** · 20-03-2013, 12:49

codice:

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 
function img() { 
var stato = document.getElementById('luce').src
if(stato == 'http://www.nomesito.ext/images/a.png'){
document.getElementById('luce').src='images/b.png';
document.getElementById('luce').setAttribute('alt','luce accesa');
document.body.style.backGroundColor='#ffffff';
}else{
document.getElementById('luce').src='images/a.png';
document.getElementById('luce').setAttribute('alt','luce spenta');
document.body.style.backGroundColor='#000000';
}
}
</script> 
</head> 
<body> 
<a onclick="img()">[img]images/a.png[/img]</a> 
</body> 
</html>

**98edoardo** · 20-03-2013, 17:18

non funziona, l'url del sito è Cinema Primafila

**cavicchiandrea** · 20-03-2013, 19:03

cosi http://webandylab.altervista.org/luce.html funziona

Discussione: Modificare sfondo e immagine?

Strumenti discussione

Ricerca discussione

Visualizza

Modificare sfondo e immagine?

Permessi di invio