Visualizzazione dei risultati da 1 a 4 su 4

Discussione: MM_swapimage doppio

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    195

    MM_swapimage doppio

    Ho bisogno di realizzare un doppio cambio di immagine su rollover. Mi spiego. Con il mouse passo sopra il pulsante della sezione e questo cambia e diventa colorato, allo stesso tempo però deve cambiare anche l'immagine in basso che contiene il testo che indicia di quale sezione si tratta. Ho letto che con MM_swapimage non lo posso realizzare. Siccome vengo dal php e di javascript non so un H (o meglio, so veramente poco) come posso fare? Grazie

  2. #2
    Se non fosse per IE che fa veramente pena si potrebbe fare qualcosa di simile col solo CSS.

    Ecco una funzione che dovrebbe fare al caso tuo
    codice:
    function rolloverEsezione(idImmagine, primaImmagine, secondaImmagine, idSezione, primaImmagineSezione, secondaImmagineSezione) {
    
       document.getElementById(idImmagine).onmouseover=function() { 
            this.src=primaImmagine;
            document.getElementById(idImmagine).src=primaImmagineSezione;
        }
    
       document.getElementById(idImmagine).onmouseout=function() { 
            this.src=secondaImmagine;
            document.getElementById(idImmagine).src=secondaImmagineSezione;
        }
    
    
    }

    dovrebbe funzionare ma onestamente non l'ho provata; per fare l'effetto rollover richiama la funzione all'interno di onload per quante sono le sezioni.

    codice:
    window.onload=function() {
    rolloverEsezione("immagine", "pic1.gif", "pic2.gif", "sezione", "picsection1.gif", "picsection2.gif");
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    195
    non mi è chiara la differenza tra immagini e sezioni

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    195
    inoltre che codice devo mettere negli scr delle immagini?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.