Repository 32bit  Forum
Repository 64bit  Wiki

HTML immagini

Forum dedicato alla programmazione.

Moderatore: Staff

Regole del forum
1) Citare in modo preciso il linguaggio di programmazione usato.
2) Se possibile portare un esempio del risultato atteso.
3) Leggere attentamente le risposte ricevute.
4) Scrivere i messaggi con il colore di default, evitare altri colori.
5) Scrivere in Italiano o in Inglese, se possibile grammaticalmente corretto, evitate stili di scrittura poco chiari, quindi nessuna abbreviazione tipo telegramma o scrittura stile SMS o CHAT.
6) Appena registrati è consigliato presentarsi nel forum dedicato.

La non osservanza delle regole porta a provvedimenti di vari tipo da parte dello staff, in particolare la non osservanza della regola 5 porta alla cancellazione del post e alla segnalazione dell'utente. In caso di recidività l'utente rischia il ban temporaneo.

HTML immagini

Messaggioda Absolut » mar gen 05, 2010 19:08

Ciao ragazzi,che voi sappiate è possibile create una un immagine che a seconda di dove si sclicca si viene rediretti a una pagina deiversa!? in pratica associare i ref a zone dell'immagine!?

thanks!
Avatar utente
Absolut
Linux 3.x
Linux 3.x
 
Messaggi: 1465
Iscritto il: gio feb 10, 2005 0:00
Località: Roma
Slackware: current

Re: HTML immagini

Messaggioda conraid » mar gen 05, 2010 19:13

Absolut ha scritto:Ciao ragazzi,che voi sappiate è possibile create una un immagine che a seconda di dove si sclicca si viene rediretti a una pagina deiversa!? in pratica associare i ref a zone dell'immagine!?

thanks!


si chiamano mappe :-)

una volta usavano molto, adesso non saprei
comunque con KImageMapEditor (della suite kdewebdev) le fai tranquillamente
Avatar utente
conraid
Staff
Staff
 
Messaggi: 11994
Iscritto il: mer lug 13, 2005 23:00
Località: Livorno
Nome Cognome: Corrado Franco
Slackware: current

Re: HTML immagini

Messaggioda sya54M » mar gen 05, 2010 21:42

un esempio di come si fa una mappa è questo:
Codice: Seleziona tutto
<img src="immagine.png">
<map name="nomedellamappa">
  <area shape="rect" href="destinazionezona1.html" coords="107,51,249,145" />
  <area shape="rect" href="destinazionezona2.html" coords="250,51,400,145" />
</map>

dove shape="rect" indica che si tratta di una zona rettangolare (ma si può fare qualunque forma) e coords="x1,y1,x2,y2" sono le coordinate del primo spigolo e del secondo spigolo che definiscono il rettangolo.
Avatar utente
sya54M
Linux 3.x
Linux 3.x
 
Messaggi: 1429
Iscritto il: mer giu 06, 2007 13:44
Località: (Salerno)
Nome Cognome: Andrea P.
Slackware: 64-current
Kernel: 3.14.x
Desktop: KDE 4.13

Re: HTML immagini

Messaggioda conraid » mar gen 05, 2010 21:46

sya54M ha scritto:un esempio di come si fa una mappa è questo:
Codice: Seleziona tutto
<img src="immagine.png">
<map name="nomedellamappa">
  <area shape="rect" href="destinazionezona1.html" coords="107,51,249,145" />
  <area shape="rect" href="destinazionezona2.html" coords="250,51,400,145" />
</map>

dove shape="rect" indica che si tratta di una zona rettangolare (ma si può fare qualunque forma) e coords="x1,y1,x2,y2" sono le coordinate del primo spigolo e del secondo spigolo che definiscono il rettangolo.


non per fare i pignoli, ma senza l'attributo usemap quel codice sopra è nullo
<img src="immagine.png" usemap="nomedellamappa">
Avatar utente
conraid
Staff
Staff
 
Messaggi: 11994
Iscritto il: mer lug 13, 2005 23:00
Località: Livorno
Nome Cognome: Corrado Franco
Slackware: current

Re: HTML immagini

Messaggioda sya54M » mar gen 05, 2010 21:56

conraid ha scritto:non per fare i pignoli, ma senza l'attributo usemap quel codice sopra è nullo<img src="immagine.png" usemap="nomedellamappa">

hai ragione, chiedo scusa
Avatar utente
sya54M
Linux 3.x
Linux 3.x
 
Messaggi: 1429
Iscritto il: mer giu 06, 2007 13:44
Località: (Salerno)
Nome Cognome: Andrea P.
Slackware: 64-current
Kernel: 3.14.x
Desktop: KDE 4.13

Re: HTML immagini

Messaggioda aschenaz » mar gen 05, 2010 22:41

Si potrebbe anche usare un succedaneo di mappa tramite css:
un div contenitore con un'immagine di background e posizionamento relativo,
con delle aree al suo interno con posizionamento assoluto, dimensioni definite
e display block per i link.
In pratica, si tratterebbe di un fac-simile dei menu con image-matrix...
Unico inconveniente: le aree cliccabili devono avere tutte forma quadrangolare...
pensieriemotivi.aschenaz.eu - music-blog
Avatar utente
aschenaz
Staff
Staff
 
Messaggi: 4420
Iscritto il: mar lug 27, 2004 23:00
Località: Reggio Calabria
Nome Cognome: Nino
Slackware: current 64bit
Kernel: 3.14.16
Desktop: KDE 4.10.5


Torna a Programmazione

Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti

cron