Non so se è il forum giusto, ma volevo chiedervi, avendo un'immagine, come posso fare in modo che un click in determinate zone dell'immagine comporti alla selezione di link ipertestuali associati alla zona?
Se è un procedimento piuttosto complesso per un niubbone come me, qualcuno si offrirebbe di mapparmi un'immagine?
Puoi fare una mappatura dell'img e gestirti i link nella maniera ke vuoi.
Se usi dreamweaver la cosa risulta piuttosto semplice
Io ho visto cose ke vuoi umani non potete neanke immaginare, ma solo xkè il cucchiaio non esiste ed io sono il vostro incubo peggiore. Perciò se da grandi poteri derivano grandi responsabilità, allora state certi ke dorme più lo sveglio ke il dormiente.
Mappe immagini, intendi?
[img]image.gif[/img]
<map name="mapp">
<area shape="rect" coords="1,100,40,100" href="link.html">
<area shape="rect" coords="50,130,90,40" href="link2.html">
</map>
Steve
era quello ke intendevo
Io ho visto cose ke vuoi umani non potete neanke immaginare, ma solo xkè il cucchiaio non esiste ed io sono il vostro incubo peggiore. Perciò se da grandi poteri derivano grandi responsabilità, allora state certi ke dorme più lo sveglio ke il dormiente.
EHM, non so come dirvelo... sono uno studente che stà facendo la tesina di maturità, html conosco poco o niente, uso Fpage
Magari se devo scrivere un codice e mi dite dove riesco a farlo, però occorrerebbe anche che mi spiegaste le coordinate a occhio quanto sono...
Tesina di materita con frontpage???
vedo se in fp ci sono opzioni per mappe immagine... non ved nulla...
Su cerca di imparare l'html che e' semplicissimo
Per comunicare al Browser che su quell'immagine sono presenti delle zone attive occorre inserire nel tag: <IMG> l'attributo: usemap="#nome_mappa".Originariamente inviato da gefri
EHM, non so come dirvelo... sono uno studente che stà facendo la tesina di maturità, html conosco poco o niente, uso Fpage
Magari se devo scrivere un codice e mi dite dove riesco a farlo, però occorrerebbe anche che mi spiegaste le coordinate a occhio quanto sono...
Successivamente comunichi al Browser (sempre attraverso il codice HTML):
la forma delle zone attive: rect, circle, poly (poligonale chiusa detta anche linea spezzata).
dove sono le zone attive e le dimensioni delle stesse (con il ricorso a coordinate).
il Link che corrisponde al click del mouse.
Ecco un esempio del codice corrispondente:
[img]nome_file.jpg[/img]
<MAP name="nome_mappa">
<AREA shape="rect" coords="72,24 , 93,46" href="nome_pagina.html">
<AREA shape="circle" coords="231,112,12" href="nome_pagina.html#àncora">
<AREA shape="poly" coords="217,100 , 200,109 , 192,113 , 185,120 , 180,128 , 200,132 , 210,132 , 217,120 , 223,118 , 218,110 , 217,100 href="nome_immagine.gif">
</MAP>
Per individuare le coordinate si ricorre al programma Paint:
Start-->Programmi-->Accessori-->Paint.
Si trascina l'immagine sulla zona bianca della finestra che si è aperta (oppure sul programma Paint: Modifica-->Incolla da...., si ricerca e si seleziona l'immagine scelta dopo aver indicato come estensione "Tutti i file immagine" e si da l'OK).
Sulla barra di stato, man mano che si fa muovere il puntatore sull'immagine, è possibile leggere (in basso a destra) le coordinate del punto. E' consigliabile tracciare delle linee colorate come contorno delle zone che devono essere rese attive. Per la forma "rect" le coordinate indicano il vertice in alto a sinistra e quello in basso a destra, per la forma "circle" le coordinate indicano la posizione del centro e la misura del raggio, per la forma "poly" sono indicate le posizioni dei vertici.
grazie, qualche mestemmiotto iniziale, ma ce l'ho fatta! che soddisfazione!
fp ha la mappatura immagine
Permessi di invio
Rispondi quotando