Aiuto:Immagini mappate

- Aiuto

In questo progetto, come si vede dalla pagina Speciale:Versione, è attivata l'estensione ImageMap. L'estensione consente di assegnare un link e un testo alternativo a specifiche aree di un'immagine.

Un esempio di utilizzo di ImageMap come strumento direttamente correlato al processi di trascrizione è in Pagina:Vettura a vapore del signor Dietz.djvu/1, dove l'immagine viene utilizzata come "quadro di insieme" e ad ognuna delle sue parti è collegata, con un link, la pagina Pagina contenente quella parte.

Il codice

Il codice della pagina citata può servire come esempio. Da notare che gran parte del codice può essere ottenuto con tool online; nel codice di esempio c'è anche il link ad uno di questi tool.

<imagemap>Image:Vettura_a_vapore_del_signor_Dietz.jpg|center|400px|
rect 4 568 576 1160 [[Pagina:Vettura_a_vapore_del_signor_Dietz.djvu/2|Parte 1]]
rect 8 1168 576 1720 [[Pagina:Vettura_a_vapore_del_signor_Dietz.djvu/3|Parte 2]]
rect 540 8 1160 766 [[Pagina:Vettura_a_vapore_del_signor_Dietz.djvu/4|Parte 3]]
rect 600 762 1168 1186 [[Pagina:Vettura_a_vapore_del_signor_Dietz.djvu/5|Parte 4]]
#<!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) -->
</imagemap>

Si può vedere che il codice è molto simile al normale codice per le immagini ed accetta gli stessi parametri, ma che uno dei parametri è costituito da una serie di righe che comprendono il codice di una forma (rect, ossia rettangolo, nell'esempio; altri valori validi sono circle e poly, rispettivamente per cerchi e poligoni), una lista di numeri che rappresentano le coppie di coordinate in pixel necessarie a identificare la forma, ed infine un normale wikilink.

L'effetto è quello che può essere sperimentato passando con il mouse su diverse parti dell'immagine a sinistra. Un click su una parte qualsiasi porta alla pagina Pagina che contiene quella parte del testo.

Importante

le coordinate si riferiscono alla posizione dei link nell'immagine originale ad alta risoluzione, e non all'immagine ridimensionata.

Documentazione

Questa immagine mappata è stata creata utilizzando il tool online http://www.maschek.hu/imagemap/index.

Altri tool sono elencati nella pagina ufficiale dell'estensione.