• H
    User Newbie •

    Javascript Div e mappe cliccabili

    Ciao a tutti 🙂
    Sto sbattendo un pò la testa su un sito internet.
    Ho fatto un layout ritagliato in segmenti ed uno di questi segmenti, in particolare, deve cambiare al passaggio del mouse svelando un altra immagine cliccabile.
    Mi spiego meglio: al passaggio del mouse Immagine 1 cambia in Immagine 2 e sopra Immagine 2 è applicata una mappa cliccabile.
    Cliccando in una specifica parte di Immagine 2 il tutto deve tornare ad Immagine 1.

    Ho provato ad affrontare il problema con un javascript che carica due diversi div: nel primo c'è immagine 1 e nel secondo immagine 2.

    Ma questo mi crea due problemi:

    1. Un bruttissimo bordo a tutto il quadrato quando clicco (addirittura su Mozilla il bordino in fase di click rimane..)
    2. Non riesco ad applicare la mappa cliccabile alla seconda immagine perchè, giustamente, l'immagine viene presa come unico link per tornare all'Immagine 1.
    3. Ho bisogno che solo una porzione dell'Immagine 1 sia legata al div che sparisce e riappare.

    Spero di essermi spiegata al meglio.. e vi ringrazio per qualsiasi dritta! (anche diversa dall'unione Javascript e Div..!)

    Ilaria

    0
  • H
    User Newbie •

    Ok alla fine ho risolto la cosa da sola ^^
    Giusto per essere d'aiuto a qualcuno nel caso si trovasse nella mia stessa situazione in futuro, vi dico come ho risolto.

    Ho messo immagine1 come sfondo del td in cui avviene il fattaccio.
    Sopra ho messo immagine2 con la seguente sintassi:
    <img src="immagine2.gif" onmouseover="this.style.opacity=0; this.filters.alpha.opacity=100" usemap="#mappa" border="0"/> e di seguito ho piazzato la mappa cliccabile.

    In questo modo quando ci passo sopra, l'immagine2 appare senza dover utilizzare l'onmousover di un <a href> e di conseguenza si può mappare l'immagine2 senza problemi 🙂

    Grazie uguale e complimenti per il forum e le attività collegate 🙂

    Ilaria

    0
Effettua l'accesso per rispondere