Cambio sfondo con onmouseover

**fermat** · 22-05-2011, 10:28

ho un menu orizzontale e vorrei che al passaggio sui link cambi l'immagine in un div.
ho fatto questo ma nn ha funzionato:

codice:

    <head>
        <script type="text/javascript">
            var backImage = new Array();
            backImage[0] = "template/images/one.jpg";
            backImage[1] = "template/images/two.jpg";
            backImage[2] = "template/images/three.jpg";
            backImage[3] = "template/images/four.jpg";
            backImage[4] = "template/images/five.jpg";
            function changeImage(image) {
                document.getElementById("header").style.backgroundImage = backimage[image];
            }    
        </script>
    </head>
    <body>
            <div id="header">
                <h1><span class="azz">OGGI</span><span class="blu">MARE</span></h1>
            </div>
            <div id="topmenu">
                <ul>[*]Home[*]OggiCHARTER[*]OggiCRUISER[*]OggiISOLA[*]OggiBARCA[/list]
            </div>

quando passo sopra i link nn succede nulla.

**Xinod** · 22-05-2011, 10:34

document.getElementById("header").style.background Image = 'url('+backimage[image]+')';

**fermat** · 22-05-2011, 10:50

grazie per la pronta risposta:

codice:

        <script type="text/javascript">
            var backImage = new Array();
            backImage[0] = "http://sito/beta/template/images/one.jpg";
            backImage[1] = "http://sito/beta/template/images/two.jpg";
            backImage[2] = "http://sito/beta/template/images/three.jpg";
            backImage[3] = "http://sito/beta/template/images/four.jpg";
            backImage[4] = "http://sito/beta/template/images/five.jpg";
            function changeImage(image) {
                document.getElementById("header").style.backgroundImage = 'url(' + backimage[image] + ')';
                alert('ciao');
            }    
        </script>

nn funzionava lo stesso.
allora ho aggiunto quell'alert e al passaggio del mouse nn esce.
se lo metto prima della riga si.
come se nn trovasse l'elemento ho nn riuscisse a caricare backimage?
ho anche provato a mettere il percorso assoluto delle immagini.

**Xinod** · 22-05-2011, 11:04

occhio: l' array lo chiami backImage, ma nella funzione parli di backimage

**fermat** · 22-05-2011, 11:19

ma che cavolo.
ho passato un'ora prima di postare per cercare errori e a leggere il libro quando l'errore era cos' stupido.
grazie mille!

Discussione: Cambio sfondo con onmouseover

Strumenti discussione

Ricerca discussione

Visualizza

Cambio sfondo con onmouseover

Permessi di invio