Visualizzazione risultati 1 fino 8 di 8

Discussione: Un'immagine dove poter cliccare in diversi punti?!?

  1. #1
    Guest

    Question Un'immagine dove poter cliccare in diversi punti?!?

    Scusatemi, volevo sapere come faccio ad inserire un'imagine, ad esempio una mappa, e poter in questa mappa cliccare diversi punti?!?

    Spero che non ho sbagliato sezione per domandarlo, se fosse così già vi chiedo perdono!!

  2. #2
    Guest

    Predefinito

    Devi usare la mappatura immagini con l'html :

    http://xhtml.html.it/guide/lezione/1...e-di-immagine/

    Qui è spiegato per filo e per segno ^_^

  3. #3
    Guest

    Thumbs up

    questo e il tag che di solito si usa per le mappe immagine che sarebbe un punto attivo

    1-punto attivo circolare

    <area shape="circle" coords="15,69,121,102" href="#" alt="" >

    2-punto attivo rettangolare

    <area shape="rect" coords="15,69,121,102" href="#" alt="" >

    3-punto attivo poligono (ti permette di creare la forma che desideri in base alle coordinate che inserisci)

    <area shape="poly" coords="24,138,38,126,86,127,92,147,26,173" href="#">

    ok!!!

  4. #4
    L'avatar di maurizio
    maurizio non è connesso Altervistiano Junior
    Data registrazione
    26-10-2002
    Messaggi
    617

    Predefinito

    E se volessi fare in modo di visualizzare le varie aree (magari cambiando tipo di bordo, o colore, o spessore)?

  5. #5
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Non ho provato ma potresti modificare il codice così:
    Codice HTML:
    <area shape="circle" coords="15,69,121,102" href="#" alt="" style="border:1px solid #000000;">
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  6. #6
    L'avatar di maurizio
    maurizio non è connesso Altervistiano Junior
    Data registrazione
    26-10-2002
    Messaggi
    617

    Predefinito

    Non sembra funzionare, grazie comunque :)
    Cerco qualcosa di simile, mi hai dato un buon suggerimento

  7. #7
    L'avatar di maurizio
    maurizio non è connesso Altervistiano Junior
    Data registrazione
    26-10-2002
    Messaggi
    617

    Predefinito MAP: visualizzare bordi di AREA

    Ho cercato parecchio in internet e su alcune guide,
    ma non riesco a trovare il modo di far visualizzare
    i bordi di un'AREA relativa ad una MAP sensibile.

    Il problema poi sarebbe estendibile:
    è possibile associare delle proprietà a tali bordi
    (ad es. tipo, colore, dimensione),
    esattamente come si fa per i bordi della tabelle?

    Grazie a tutti, e sereno Natale alla community :)
    Ultima modifica di maurizio : 22-12-2006 alle ore 16.57.26

  8. #8
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Da quel (poco, in questo caso) che so non mi pare possibile, anche perché, se tieni conto che un'AREA può anche essere di forma irregolare (mai visto qualche sito in cui ti viene chiesto di scegliere la tua regione su una carta geografica, ad esempio?), gestirle tecnicamente risulterebbe troppo complicato.

    Qualche effetto lo puoi fare in questo modo (che è un po' quello che fa Fireworks), ma soltanto se le aree sono rettangolari o comunque riconducibili a linee ortogonali:
    - spezzetta (con un programma di grafica) la tua immagine in tanti rettangoli, in modo che la loro ricomposizione riesca a dare l'immagine originale
    - crea una tabella con questo stile:
    Codice HTML:
    <STYLE>
    TABLE.myMap TR TD { margin:0; padding:0 }
    </STYLE>
    ...
    <TABLE CLASS="myMap" WIDTH="larghezza_img" HEIGHT="altezza_img">
    ...
    </TABLE>
    - disegna la tabella (magari prima su un foglio), avendo cura di assegnare ad ogni cella le corrette dimensioni di ciascun frammento. Se necessario, usa gli attributi ROWSPAN e COLSPAN di TD per estendere i frammenti
    - ad ogni frammento (o a quelli che ti servono) puoi associare un link con il classico tag <A>. Non solo: se nello "spezzettamento" hai pensato di crearti delle copie modificate dei frammenti, puoi persino creare effetti di rollover

    Non si sarà capito molto, però spero di averti dato qualche dritta... stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

Regole di scrittura

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