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.
Avatar utente
Absolut
Linux 3.x
Linux 3.x
Messaggi: 1465
Iscritto il: gio feb 10, 2005 0:00
Slackware: current
Località: Roma

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
conraid
Staff
Staff
Messaggi: 12743
Iscritto il: gio lug 14, 2005 0:00
Nome Cognome: Corrado Franco
Slackware: current64
Località: Livorno
Contatta:

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
sya54M
Master
Master
Messaggi: 1579
Iscritto il: mer giu 06, 2007 14:44
Nome Cognome: Andrea P.
Slackware: 64-current
Kernel: 4.6.x
Desktop: KDE
Località: (Salerno)
Contatta:

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
conraid
Staff
Staff
Messaggi: 12743
Iscritto il: gio lug 14, 2005 0:00
Nome Cognome: Corrado Franco
Slackware: current64
Località: Livorno
Contatta:

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
sya54M
Master
Master
Messaggi: 1579
Iscritto il: mer giu 06, 2007 14:44
Nome Cognome: Andrea P.
Slackware: 64-current
Kernel: 4.6.x
Desktop: KDE
Località: (Salerno)
Contatta:

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
aschenaz
Staff
Staff
Messaggi: 4548
Iscritto il: mer lug 28, 2004 0:00
Nome Cognome: Nino
Slackware: 14.2 64bit
Kernel: 4.4.14
Desktop: XFCE
Località: Reggio Calabria
Contatta:

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


Torna a “Programmazione”

Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti