Visualizzazione risultati 1 fino 5 di 5
Like Tree1Likes
  • 1 Post By darbula

Discussione: javascript - come cambiare immagine sfondo div

  1. #1
    Guest

    Predefinito javascript - come cambiare immagine sfondo div

    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

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    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.

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    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 funziona
    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>

  4. #4
    darbula non è connesso AlterGuru 2500
    Data registrazione
    24-04-2011
    Messaggi
    2,896

    Predefinito

    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 +"')"
    Ultima modifica di darbula : 26-02-2017 alle ore 16.16.12
    orango likes this.

  5. #5
    Guest

    Predefinito

    Citazione Originalmente inviato da darbula Visualizza messaggio
    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 risolto

Tags for this Thread

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •