Printable View
Salve a tutti,
nel mio script ho necessità di cambiare l'immagine di sfondo di un div ma non ci riesco
ho provato con:
document.getElementById("div").style.backgroundIma ge = "url(str)";
dove str è l'url dell'immagine
N.B. ho bisogno che l'url dell'immagine sia contenuto in una variabile
Dal codice che hai riportato non è possibile indicarti il problema. Potrebbe non esistere alcun elemento con quel dato id o la proprietà CSS potrebbe venire inizializzata ad un valore invalido, oppure potrebbe esserci un problema nel caricamento dell'immagine a quell'indirizzo, o ancora potrebbe venire correttamente applicata ma la modifica potrebbe non essere esternamente visibile per molteplici ragioni.
Se vuoi indicazioni precise riporta l'indirizzo della pagina in questione.
Le immagini vengono caricate correttamente, infatti sostituendo a str l'indirizzo di una delle 2 immagini funzionaCitazione:
Originalmente inviato da karl94
Non credo neanche sia un problema di inizializzazione del css
Ecco la pagina:
<html>
<head>
<script>
function f(nome){
var str = nome + ".jpg";
document.getElementById("sfondo").style.background Image = "url(str)";
}
</script>
<style>
#sfondo{
width:200px;
height:200px;
}
</style>
</head>
<body>
<div id = "sfondo"> </div>
<button id = "img1" onclick = "f(this.id)" >sfondo 1</button>
<button id = "img2" onclick = "f(this.id)" >sfondo 2</button>
</body>
</html>
Se provi a scrivere backgroundImage tutto unito? https://www.w3schools.com/jsref/prop...roundimage.asp ciò che è racchiuso tra apici saranno trattati come stringhe usa "url('"+ str +"')"
Grazie ora ho risoltoCitazione:
Originalmente inviato da darbula