Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
immagine cliccabile con link differenti
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
salvofat
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 09/06/02 21:44
Messaggi: 86
Residenza: nord africa ma ancora italia

MessaggioInviato: 28 Set 2007 23:36    Oggetto: immagine cliccabile con link differenti Rispondi citando

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
Profilo Invia messaggio privato
MK66
Moderatore Sistemi Operativi
Moderatore Sistemi Operativi


Registrato: 17/10/06 23:24
Messaggi: 8634
Residenza: dentro una cassa sotto 3 metri di terra...

MessaggioInviato: 29 Set 2007 00:27    Oggetto: Rispondi citando

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...
Ciao
Top
Profilo Invia messaggio privato HomePage
freemind
Supervisor sezione Programmazione
Supervisor sezione Programmazione


Registrato: 04/04/07 21:28
Messaggi: 4643
Residenza: Internet

MessaggioInviato: 29 Set 2007 14:20    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato
SverX
Supervisor Macchinisti
Supervisor Macchinisti


Registrato: 25/03/02 12:16
Messaggi: 11809
Residenza: Tokelau

MessaggioInviato: 01 Ott 2007 10:22    Oggetto: Rispondi citando

... 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

Codice:
ismap


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
Profilo Invia messaggio privato HomePage
salvofat
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 09/06/02 21:44
Messaggi: 86
Residenza: nord africa ma ancora italia

MessaggioInviato: 01 Ott 2007 18:12    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato
freemind
Supervisor sezione Programmazione
Supervisor sezione Programmazione


Registrato: 04/04/07 21:28
Messaggi: 4643
Residenza: Internet

MessaggioInviato: 01 Ott 2007 18:58    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato
SverX
Supervisor Macchinisti
Supervisor Macchinisti


Registrato: 25/03/02 12:16
Messaggi: 11809
Residenza: Tokelau

MessaggioInviato: 02 Ott 2007 10:34    Oggetto: Rispondi citando

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... Rolling Eyes
Top
Profilo Invia messaggio privato HomePage
chemicalbit
Dio maturo
Dio maturo


Registrato: 01/04/05 18:59
Messaggi: 18597
Residenza: Milano

MessaggioInviato: 02 Ott 2007 19:24    Oggetto: Rispondi citando

SverX ha scritto:
esempio client side map e server side map...
L'esempio sever side map non mi funziona.
Capita solo a me?
Top
Profilo Invia messaggio privato
SverX
Supervisor Macchinisti
Supervisor Macchinisti


Registrato: 25/03/02 12:16
Messaggi: 11809
Residenza: Tokelau

MessaggioInviato: 03 Ott 2007 10:07    Oggetto: Rispondi citando

chemicalbit ha scritto:
SverX ha scritto:
esempio client side map e server side map...
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... Rolling Eyes
Top
Profilo Invia messaggio privato HomePage
chemicalbit
Dio maturo
Dio maturo


Registrato: 01/04/05 18:59
Messaggi: 18597
Residenza: Milano

MessaggioInviato: 03 Ott 2007 10:27    Oggetto: Rispondi citando

Ehm, no ... Shy

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
Profilo Invia messaggio privato
SverX
Supervisor Macchinisti
Supervisor Macchinisti


Registrato: 25/03/02 12:16
Messaggi: 11809
Residenza: Tokelau

MessaggioInviato: 03 Ott 2007 10:35    Oggetto: Rispondi

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 Smile
Top
Profilo Invia messaggio privato HomePage
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi