come si richiama lo sfondo di un div?

[ky]

Ciao belli!
Se io ho un div...ad es:

div.prova {
        left: 0px;
	width:500px;
        height:200px;
        background:none;
	background-image:url(sfondo.gif);
       }

come faccio poi a cambiargli il tipo di sfondo dinamicamente?
es...se volessi cambiare con un click la larghezza del div mi basterebbe scrivere:

document.getElementById('prova').style.width = 800+"px";

ma per impostare un valore diverso all'immagine di sfondo?


ho provato così, ma non funziona:

document.getElementById('prova').style.background.src = "nuovo_sfondo.gif";

come posso fare?
grazie 10000!

[br1]

se non ricordo male:

document.getElementById('prova').style.backgroundI mage='url(nuovo_sfondo.gif)';

provalo

ciao

[Jerry Masslo]

non credo quello funzioni almeno quando sono passato per quello non funzionava.
forse questo se non ho fatto casini e non è improbabile perchè ho solo cambiato l'url di br1 con quello di una mia funzione.


document.getElementById('prova').style.backgroundI mage="url(" + nuovo_sfondo.gif + ")";

[cerba]

ho fatto qualcosa tempo fa qui:
www.torneodicappella.it

[Jerry Masslo]

Originariamente inviato da cerba
ho fatto qualcosa tempo fa qui:
www.torneodicappella.it

chiede come cambiare uno sfondo non un css.

[cerba]

almeno io ho fatto in questo modo:
col tasto si carica un altro css in cui lo sfondo è diverso....ammetto che è meno immediato del js puro ma mi sembrava cmq 1 soluzione.
in fin dei conti si migliora confrontandoci.

[ky]

Ciao raga...grazie 1000 x gli aiuti, ma ho provato in vari modi e non funziona
Sembra che non riesca proprio a leggere il valore dello sfondo...
cioè per essere sicura di ciò che stavo facendo ho provato così:

function cambiasfondo() {
var x = document.getElementById('prova').style.backgroundImage.url;
alert (x);
}

e poi l'ho richiamato con un semplice link di prova:

Cambia lo sfondo

ebbene...l'alert è vuoto...quindi vuol dire che non mi legge il valore attuale dello sfondo...e quindi non puo' andarlo a sostituire con quello che io gli do' in alternativa...
Avete qualche idea a proposito? grazie 100000!

[ky]

se uso
document.getElementById('prova').style.backgroundI mage.url;
il risultato è undefined

se uso
document.getElementById('prova').style.backgroundI mage;
come risultato non c'e' scritto nulla

[Jerry Masslo]

Quello che posso fare e mostrarti la funzione che uso per cambiare lo sfondo del body, dovrebbe essere facile convertirla al tuo scopo.

function SfonImg(bix){//Immagine di sfondo
var body=document.getElementsByTagName('body')[0];
body.style.backgroundImage = "url(" + ImgSfondo[bix] + ")";

}

a me questa funziona ImgSfondo è un Array con tutte le immagini che cambio, ho provato a covertirla per te ma sbaglio qualcosa e non mi funziona. Di js so 4 cose meno un numero pari non primo.