Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881

    hidden/visible + link su un layer

    Ho tre immagini cui ho assegnato id imma1, imma2 e imma3.
    Sul mouseover di ognuna visualizzo un layer (rispettivamente layer1, layer2 e layer3) posizionato esattamente sopra all'immagine e più grande di essa, cliccando sul quale dovrei finire in un'altra pagina (pagina1, pagina2 e pagina3).

    Ho fatto all'uopo le funzioni zumma e unzumma delegando il link al click sul layer, in questo modo:
    <script type="text/javascript">
    function coords(el){
    var c={x: 0, y: 0};
    while (el) {
    c.x+=el.offsetLeft;
    c.y+=el.offsetTop;
    el=el.offsetParent;
    }
    return c;
    }
    function zumma(na){
    switch(na)
    {
    case 1:
    unzumma(2);
    unzumma(3)
    break;
    case 2:
    unzumma(1);
    unzumma(3)
    break;
    case 3:
    unzumma(2);
    unzumma(1)
    break;
    }
    document.getElementById("layer"+na).style.top=coor ds(document.getElementById("imma"+na)).y-89;
    document.getElementById("layer"+na).style.left=coo rds(document.getElementById("imma"+na)).x-89;
    document.getElementById("layer"+na).style.visibili ty="visible";
    }

    function unzumma(na) {
    document.getElementById("layer"+na).style.visibili ty="hidden";
    }</script>


    <div id="layer1" style="z-index:100;position:absolute; width:380px; height:380px; visibility:hidden" onMouseOut="unzumma(1)" onClick="MM_goToURL('parent','pagina1.htm');return document.MM_returnValue"> ---animaz.flash--- </div>
    <div id="layer2" style="z-index:100;position:absolute; width:380px; height:380px; visibility:hidden" onMouseOut="unzumma(2)" onClick="MM_goToURL('parent','pagina2.htm');return document.MM_returnValue"> ---animaz.flash--- </div>
    <div id="layer3" style="z-index:100;position:absolute; width:380px; height:380px; visibility:hidden" onMouseOut="unzumma(3)" onClick="MM_goToURL('parent','pagina3.htm');return document.MM_returnValue"> ---animaz.flash--- </div>


    [img]pippo.gif[/img]
    [img]pluto.gif[/img]
    [img]topolino.gif[/img]
    Problemi:
    1- il link sul click del layer non va (mi sono appoggiato a una funzione di dreamweaver per disperazione perchè non riuscivo neanche in altri modi)
    2- il mouseout dal layer sembra non andare, ossia l'unzumma funziona quando chiamato dalla zumma di una delle immagini (nello switch) ma non funziona se esco semplicemente dal layer.

    Forse ho fatto un po' di casino, chi mi aiuta a sbrogliare la matazza? Grazzzie!
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  2. #2
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    timidamente uppo
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

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.