Precedente :: Successivo |
Autore |
Messaggio |
salvofat Eroe in grazia degli dei

Registrato: 09/06/02 21:44 Messaggi: 86 Residenza: nord africa ma ancora italia
|
Inviato: 28 Set 2007 23:36 Oggetto: immagine cliccabile con link differenti |
|
|
salve forum!
già mi è venuto difficile a scrivere l'oggetto di questo messaggio, speriamo che la spiegazione sia + chiara, si tratta di questo.
problema che non so realizzare tecnicamente:
supponiamo di avere una immagine, per esempio una faccia, vorrei fare che se clicco un occhio vai in un link, se clicco il naso va in un altro, clicco la bocca e punta ad un altro link, e così via?...
sarà banale, ma proprio nn ci riesco! grazie a tutti.
sto usando NVU editor per il sito. |
|
Top |
|
 |
MK66 Moderatore Sistemi Operativi


Registrato: 17/10/06 23:24 Messaggi: 8634 Residenza: dentro una cassa sotto 3 metri di terra...
|
Inviato: 29 Set 2007 00:27 Oggetto: |
|
|
Credo che stai parlando di una "mappa-immagine".
Non ne so molto, ma mi sembra di ricordare che la tua immagine dovrebbe essere "spezzettata" nelle varie parti componenti, e ad ogni immagine associ un link differente.
Questa dovrebbe essere la parte teorica, per la parte pratica mi sa che dovrai aspettare il passaggio di qualcuno che sia veramente esperto: io più di così non so...
 |
|
Top |
|
 |
freemind Supervisor sezione Programmazione


Registrato: 04/04/07 21:28 Messaggi: 4643 Residenza: Internet
|
Inviato: 29 Set 2007 14:20 Oggetto: |
|
|
Come ha detto MK66, hai bisogno di una mappa.
Il come si fa è più difficile da spiegare che da fare...
Allora, ti scrivo qui sotto del codice html e poi lo commento:
Codice: | <html>
<head>
</head>
<body>
<img src="/xxxx/xxxxxx/xxxxxxx/xxxx/a_fochina_1024.jpg">
<map name="senza nome">
<area shape="circle" alt="zeusnews" href="http://www.zeusnews.it" target="zeusnews" title="zeusnews" coords="806,255,68" />
<area shape="circle" alt="google" href="http://www.google.it" target="google" title="google" coords="594,267,57" />
</map></body>
</html> |
l'immagine che vogliamo mappare si trova nel file a_fochina_1024.jpg nella directory '/xxxx/xxxxxx/xxxxxxx/xxxx/' del mio disco.
La mappa parte dal tag <map name="senza nome"> e termina con </map>.
All'interno vengono definite delle zone dell'immagine e ad esse viene assegnato un href.
Nel mio esempio abbiao un cerchio che punta a www.zeusnews.it identificato dalle coordinate coords="806,255,68" .
Stesso discorso per google.
Oltre a cerchi puoi creare zone a poligono più o meno incasinate in base al bisogno.
Sarebbe meglio che tu usassi qualche programma per fare la mappa perchpè metterti a farla a manina è un po' troppo lungo :).
Io con linux uso (e ho usato per l'esempio) KImageMapEditor. Per win credo che fireworks faccia al caso tuo. |
|
Top |
|
 |
SverX Supervisor Macchinisti


Registrato: 25/03/02 12:16 Messaggi: 11809 Residenza: Tokelau
|
Inviato: 01 Ott 2007 10:22 Oggetto: |
|
|
... ci sono due modi, principalmente: le mappe 'client-side' e le mappe 'server-side'.
freemind suggeriva come usare le mappe client-side: si definiscono sull'immagine delle figure (rettangoli, triangoli, poligoni generici, cerchi, ellissi...) e ad ognuna di queste figure si associa un link: se clicchi dentro una di queste andrai a quella pagina, se clicchi fuori andrai ad una pagina di default che puoi definire con un link sull'immagine... ma non è obbligatorio.
Altrimenti le mappe server-side. Non definisci nessun poligono sull'immagine, semplicemente aggiungi l'attributo
all'immagine. A quel punto al link verrà giustapposta una coppia di numeri, le coordinate X e Y del tuo click sull'immagine, rispetto all'origine dell'immagine, l'angolo in alto a sinistra.
esempio client side map e server side map... |
|
Top |
|
 |
salvofat Eroe in grazia degli dei

Registrato: 09/06/02 21:44 Messaggi: 86 Residenza: nord africa ma ancora italia
|
Inviato: 01 Ott 2007 18:12 Oggetto: |
|
|
grazie ragazzi!
allora, non e' per complicare le cose, ma questa immagine che voglio fare diventare "mappa" e' background di una tabella, ci sono limitazioni in questo senso?
in pratica e' la gif di testa di un sito, quindi si ripete in ogni pagina...e le immagini cliccabili sono le bandiere per il "cambio lingua" del sito...
tutto qui....
intanto ora mi studio le vostre pagine.... |
|
Top |
|
 |
freemind Supervisor sezione Programmazione


Registrato: 04/04/07 21:28 Messaggi: 4643 Residenza: Internet
|
Inviato: 01 Ott 2007 18:58 Oggetto: |
|
|
In verità di dico: "Non lo so!"
Di solito se devo avere una tabella con un'immagine di sfondo e questa deve avere parti cliccabili, io spacco l'immagine in tante immagini più piccole e poi intabello quelle con i link relativi. Però se per sfondo di tabella tu intendi solo lo sfondo di una cella, in questo senso non ci sono problemi perchè racchiudi il tutto nel <td>.
L'esempio che ti ho postato prima va corretto un pochino:
la definizione dell'immagine deve diventare:
<img src="/xxxx/xxxxxx/xxxxxxx/xxxx/a_fochina_1024.jpg" usemap="#senza nome">
dove "senza nome" è il nome della mappa. |
|
Top |
|
 |
SverX Supervisor Macchinisti


Registrato: 25/03/02 12:16 Messaggi: 11809 Residenza: Tokelau
|
Inviato: 02 Ott 2007 10:34 Oggetto: |
|
|
salvofat ha scritto: | questa immagine che voglio fare diventare "mappa" e' background di una tabella, ci sono limitazioni in questo senso? |
sì, un background non è cliccabile... però ci puoi mettere sopra delle gif trasparenti e fare cliccabili quelle...  |
|
Top |
|
 |
chemicalbit Dio maturo


Registrato: 01/04/05 18:59 Messaggi: 18597 Residenza: Milano
|
Inviato: 02 Ott 2007 19:24 Oggetto: |
|
|
L'esempio sever side map non mi funziona.
Capita solo a me? |
|
Top |
|
 |
SverX Supervisor Macchinisti


Registrato: 25/03/02 12:16 Messaggi: 11809 Residenza: Tokelau
|
Inviato: 03 Ott 2007 10:07 Oggetto: |
|
|
chemicalbit ha scritto: | L'esempio sever side map non mi funziona. |
hai scritto una pagina PHP o ASP o hai fatto un CGI per ricevere la posizione cliccata sulla mappa?
Altrimenti non aspettarti che funzioni molto...  |
|
Top |
|
 |
chemicalbit Dio maturo


Registrato: 01/04/05 18:59 Messaggi: 18597 Residenza: Milano
|
Inviato: 03 Ott 2007 10:27 Oggetto: |
|
|
Ehm, no ...
Io ho solo clickato sulle immagini.
Per quello client side funziona.
Per quello server side non funziona (pensavo che chi avesse messo sul sito, l'avesse messo su un modo funzionante, così che uno potesse vedere come funzionasse) |
|
Top |
|
 |
SverX Supervisor Macchinisti


Registrato: 25/03/02 12:16 Messaggi: 11809 Residenza: Tokelau
|
Inviato: 03 Ott 2007 10:35 Oggetto: |
|
|
chemicalbit ha scritto: | Per quello server side non funziona (pensavo che chi avesse messo sul sito, l'avesse messo su un modo funzionante, così che uno potesse vedere come funzionasse) |
secondo me hanno migrato l'host su un altro server e non si sono accorti che non funziona...
vedi qui allora  |
|
Top |
|
 |
|