Aiuto:Mappe su immagini

Da Memory Alpha.

L'estensione ImageMap consente l'aggiunta di un'interfaccia selezionabile con il mouse ad un immagine mappata contenuta in un articolo.

[modifica] Sintassi

Il contenuto di un tag <imagemap> consiste di righe vuote, commenti, (che iniziano con #) e linee logiche. La prima linea logica specifica la visualizzazione dell'immagine. Questa deve essere nello stesso formato di un collegamento ordinario ad un immagine, eccetto che per le parentesi quadre [[ e ]].

Le righe successive sono divise in tokens, separate da spazi bianchi. La funzione di ogni linea è determinata dal token che la inizia. Tutte le coordinate sono in relazione all'immagine full-size, non a quella visibile..

desc 

Specifica la posizione del link "Informazioni sull'immagine". Può essere posizionato in alto a destra (top-right), in basso a destra (bottom-right), in basso a sinistra (bottom-left), in alto a sinistra (top-left) oppure nessuna specifica. In questo modo verrà inserita un'icona contenente una "i" blu nell'angolo specificato, che collega alla pagina descrizione dell'immagine. In basso a destra è la posizione predefinita.

rect 

Un rettangolo. I parametri sono le coordinate degli angoli in alto a sinistra o in basso a destra, seguiti da un titolo da linkare racchiuso in parentesi quadre.

circle

Un cerchio. I primi due parametri sono le coordinate del centro, il terzo è il raggio. Le coordinate sono seguite da un link in parentesi quadre.

poly

A poligono. Vanno inserite le coordinate dei vertici, seguite da un link in parentesi quadre.
Nota: i poligoni devono essere definite prima di ogni altra forma!

default

Questo dà il link predefinito, dove nessun altra regione è specificata.

Tutte le coordinate vanno specificate come relative all'immagine sorgente. L'immagine può essere ridimensionata utilizzando l'apposita sintassi (thumb), nel qual caso le coordinate della mappa dell'immagine verranno scalate appropriatamente.

Tutti i link vanno assegnati sia nella forma [[Titolo della pagina]] che [[Titolo della pagina|descrizione]]. In quest'ultimo caso, la parte dopo il pipe ("|") diventa il nuovo titolo del collegamento – in molti browser, potrebbe apparire un pop up con un "fumetto" quando l'utente vi passa sopra con il mouse. Se nessuna descrizione esplicita del link viene assegnata, verrà utilizzato il titolo della pagina.

[modifica] Esempio di sintassi

<imagemap>
Image:Foo.jpg|200px|immagine esempio
poly 131 45 213 41 210 110 127 109 [[Schermo]]
poly 104 126 105 171 269 162 267 124 [[Tastiera]]
rect 15 95 94 176   [[Kathryn Janeway]]
# Un commento, questa riga viene ignorata
circle 57 57 20    [[Fumetto]]
desc bottom-left
</imagemap>

Genera questo esempio:

[modifica] Editor di mappe su immagini

• Uno strumento grafico per determinare le coordinate di una mappa su immagine. Grazie a Dapete su MetaWiki