Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: Immagine linkabile

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    420

    Immagine linkabile

    Ciao a tutti;
    ho un'immagine con al suo interno 5 simboli e vorrei fare in modo che ogni simbolo avesse il proprio link...
    Mi sono venute in mente 2 soluzioni, ossia la proma è spezzare l'immagine in 5 immagini distinte e la seconda è quella di sovrapporgli una tabella/griglia invisibile con un link per cella. E' percorribile queste seconda strada? Ci sono soluzioni più eleganti?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Usa le mappe
    (tag <map> e <area> )

    Sposto in HTML.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Tutte le strade sono percorribili, ci sono però quelle asfaltate e quelle piene di buche, ma tutte portano a destinazione!

    Come ti ha suggerito Mich_ la mappatura dell'immagine mi sembra la strada più liscia e senza buche
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  4. #4
    Utente di HTML.it L'avatar di Nazza97
    Registrato dal
    Apr 2012
    Messaggi
    200
    Potresti usare GIMP Metti l'immagine, Poi FILTRI->WEB->MAPPA IMMAGINE.
    Nazza

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    420
    Ragazzi grazie per il suggerimento! non conoscevo questo tag e sono andato a guardarmelo...
    L'ho inserito in questo modo:

    codice:
    <div id="collegamenti">Contattaci
        [img]images/contatti.jpg[/img]
        <map name="contatti">
            <area shape="rect" coords="5,5,100,100" href="www.prova.it" />
        </map>
    </div>
    Ho letto che le cordinate partono dal vertice in alto a sinistra dell'immagine stessa e non della pagina... è corretto?
    Tuttavia credo ci sia un errore in quanto non risulta nessun area cliccabile da nessuna parte... cosa manca?

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    hai solo dimenticato un #

    usermap="#contatti"

  7. #7
    codice:
    <div id="collegamenti">Contattaci
        [img]images/contatti.jpg[/img]
        <map name="contatti">
            <area shape="rect" coords="5,5,100,100" href="www.prova.it" />
        </map>
    </div>
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    420
    Uhhhh ancora non va
    Deve mancare ancora qualche pezzo... l'attributo id è obbligatorio?

  9. #9
    Utente di HTML.it L'avatar di Nazza97
    Registrato dal
    Apr 2012
    Messaggi
    200
    Prova Così

    codice:
    [img]Senzanome[/img]
    <map name="map"> <area shape="rect" coords="84,57,242,172" href="www.xxx.it" /> </map>
    Nazza

  10. #10
    Originariamente inviato da Nazza97
    Prova Così

    codice:
    [img]Senzanome[/img]
    <map name="map"> <area shape="rect" coords="84,57,242,172" href="www.xxx.it" /> </map>
    Cosa cambia? Il nome della mappa? Che importanza ha? Funziona con qualsiasi nome!
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

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.