Template:Immagine multipla

Da Wikipedia, l'enciclopedia libera.
Vai alla navigazione Vai alla ricerca


Info Istruzioni per l'uso
Le istruzioni che seguono sono contenute nella sottopagina Template:Immagine multipla/man (modifica · cronologia)
Sandbox: Template:Immagine multipla/Sandbox (modifica · cronologia) · TemplateStyles: Template:Immagine multipla/styles.css (modifica · cronologia) · Tutte le sottopagine: lista

Immagini di cinture asteroidali
riprese dal Telescopio spaziale Hubble
β Pictoris
HD 53143 (sinistra) e HD 139664 (destra).

Questo template serve a inserire una serie di immagini in sequenza, allineandole verticalmente o orizzontalmente, con una singola didascalia per tutte le immagini o una per ciascuna immagine. Se si sceglie di utilizzare una didascalia singola occorre evitare di riferirsi alle immagini come "a destra" e "a sinistra" ecc., per motivi di accessibilità.

Scegliendo opportunamente i parametri il template può correggere automaticamente la dimensione delle immagini a una data larghezza, dando ad ogni immagine la stessa altezza.

L'implementazione effettiva del template è effettuata dal modulo Immagine multipla.

Sintassi e parametri

Breve

  • allinea = allineamento della galleria rispetto alla pagina; valori: left - center - right. Se non precisata allinea a destra
  • direzione = direzione delle immagini all'interno della galleria. Usare verticale per allinearle verticalmente, in caso contrario (o se non precisata) saranno allineate orizzontalmente
  • larghezza = larghezza delle immagini; inserire solo il valore numerico in pixel, senza il suffisso px. Se viene specificata una larghezza specifica per un'immagine questa ha la precedenza.
  • allinea didascalia = l'allineamento del testo delle didascalie delle immagini (left - center - right)
  • titolo = titolo della galleria di immagini
  • immagine1 = nome della prima immagine, senza il prefisso File: o Immagine:
  • didascalia1 = didascalia della prima immagine
  • larghezza1 = larghezza della prima immagine; inserire solo il valore numerico in pixel, senza il suffisso px. Ha la precedenza rispetto a larghezza
  • sotto = didascalia globale piazzata a piè di pagina della galleria
  • per riga = permette di disporre le immagini in più righe indicando il numero massimo di immagini da inserire per ogni riga.

Per aggiungere altre immagini, occorre aggiungere i valori immagine2, didascalia2, larghezza2 e così via per ciascuna immagine, l'esempio riporta i parametri per le prime tre immagini, ma altre possono essere aggiunte a piacere.

(legenda colori)

{{Immagine multipla
|allinea = <!-- right (default), left, center -->
|direzione = <!-- orizzontale (default), verticale -->
|larghezza = <!-- dimensione per tutte le immagini -->
|titolo =
|immagine1 =
|didascalia1 =
|larghezza1 =
|immagine2 =
|didascalia2 =
|larghezza2 =
|immagine3 =
|didascalia3 =
|larghezza3 =
|sotto =
}}

Ridimensionamento immagini alla stessa altezza

Per la spiegazione parametri rimanenti vedi sopra.

  • larghezza totale = larghezza totale di tutte le immagini in pixel; inserire solo il valore numerico in pixel, senza il suffisso px. Le immagini saranno ridimensionate per avere tutte la stessa altezza.
  • larghezza1 = quando viene specificato larghezza totale questo parametro deve indicare la larghezza reale in pixel dell'immagine. La larghezza effettiva alla quale sarà visualizzata sarà calcolata dal template in modo da poter dare a tutte le immagini la stessa altezza e una larghezza complessiva pari a larghezza totale
  • altezza1 = altezza della prima immagine in pixel, precisare l'altezza delle immagini successive con altezza2, altezza3, ... altezza = n

(legenda colori)

{{Immagine multipla
|allinea = <!-- right (default), left, center -->
|direzione = <!-- orizzontale (default), verticale -->
|larghezza totale = <!-- larghezza totale delle immagini -->
|titolo =
|immagine1 =
|didascalia1 =
|larghezza1 =
|altezza1 =
|immagine2 =
|didascalia2 =
|larghezza2 =
|altezza2 =
|immagine3 =
|didascalia3 =
|larghezza3 =
|altezza3 =
|sotto =
}}

Parametri opzionali

  • sfondo titolo = lo sfondo del titolo della galleria, trasparente se non precisato. Vedi Aiuto:Colori per i nomi e codici utilizzabili.
  • allinea titolo = allineamento del titolo della galleria (left - center - right). Se non precisato allineato al centro.
  • allinea sotto = allineamento della didascalia a piè di pagina della galleria (left - center - right). Se non precisato allineato a sinistra.
  • sfondo sotto = lo sfondo della didascalia a piè di pagina della galleria, trasparente se non precisato. Vedi Aiuto:Colori per i nomi e codici utilizzabili.
  • alt1 = testo alt della prima immagine
  • collegamento1 = collegamento di una voce. Se inserito cliccando sull'immagine si viene rinviati alla voce collegata anziché che alla pagina dell'immagine.

Esempi

Immagini allineate in orizzontale

IL comportamento standard del template

Cartellino giallo
Cartellino rosso
I giocatori sono avvisati con un cartellino giallo ed espulsi con uno rosso.
{{Immagine multipla
 | larghezza = 60
 | immagine1 = Yellow card.svg
 | alt1 = Cartellino giallo
 | immagine2 = Red card.svg
 | alt2 = Cartellino rosso
 | sotto = I giocatori sono avvisati con un cartellino giallo ed espulsi con uno rosso.
 }}

Immagini allineate in verticale

Dimostrazione della trasparenza di immagini in formato PNG
Dadi colorati su sfondo bianco
Un'immagine in formato PNG con uno layer di trasparenza a 8 bit ...
Dadi colorati su sfondo a scacchi
...qui sovrapposto a uno sfondo a scacchi.
{{Immagine multipla
 | allinea = left
 | direzione = verticale
 | larghezza = 200
 | titolo = '''Dimostrazione della trasparenza di immagini in formato [[Portable Network Graphics|PNG]]'''
 | immagine1 = PNG transparency demonstration 1.png
 | alt1 = Dadi colorati su sfondo bianco
 | didascalia1 = Un'immagine in formato PNG con uno layer di trasparenza a 8 bit ...
 | immagine2 = PNG transparency demonstration 2.png
 | alt2 = Dadi colorati su sfondo a scacchi
 | didascalia2 = ...qui sovrapposto a uno sfondo a scacchi.
}}

Con collegamenti (collegamento[n])

Un mulo
Un asino
Una trota
L'immagine del mulo è collegata alla voce Mulo; l'immagine dell'asino e quella della trota sono collegate alla pagina standard di descrizione dei file.
{{Immagine multipla
 | immagine1 = Frecklesmule.jpg
 | larghezza1 = 143
 | collegamento1 = Mulo
 | didascalia1 = Un mulo

 | immagine2 = Donkey in Clovelly, North Devon, England.jpg
 | larghezza2 = 150
 | collegamento2 = 
 | didascalia2  = Un asino

 | immagine3 = Rainbow_trout.png
 | larghezza3 = 91
 | didascalia3  = Una trota
 | sotto = L'immagine del mulo è collegata alla voce [[Mulo]]; l'immagine dell'asino e quella della trota sono  collegate alla [[Aiuto:Descrizione dei file multimediali|pagina standard di descrizione dei file]].
}}

Incolonnare le immagini

Il comportamento standard del template è di allineare orizzontalmente le immagini, per disporle verticalmente (cioè una sopra l'altra usate il parametro direzione = verticale. Vedi esempio a fianco il risultato:

Disposte orizzontalmente
Disposte verticalmente

Dare la stessa altezza alle immagini

Se le immagini da visualizzare hanno lo stesso rapporto d'aspetto basta settare il parametro larghezza, per dare a tutte le immagini le stesse dimensione, ma se le immagini hanno un diverso rapporto d'aspetto e si imposta la stessa larghezza per tutte il risultato è antiestetico, come nell'esempio a destra:

Per ottenere una serie di immagini con la stessa altezza quando queste hanno un diverso rapporto d'aspetto si deve procedere basta indicare la larghezza totale che deve avere la galleria d'immagini (per esempio 400 pixel) e inserirla nel parametro larghezza totale (nell'esempio quindi larghezza totale = 400).

Il template interroga automaticamente i metadati delle immagini per ottenere il rapporto d'aspetto di ognuna e calcola quale larghezza effettiva assegnare ad ogni immagine perché abbiano la stessa altezza e la larghezza della galleria di immagini sia quella desiderata.

{{Immagine multipla
|titolo = I coach della quarta edizione di [[The Voice of Italy]]
|larghezza totale = 400
|immagine1 = Dolcenera Live a Sanremo - 2009.jpg
|didascalia1 = [[Dolcenera]]
|immagine2 =
|didascalia2 = [[Max Pezzali]]
|immagine3 = Pronto raffaella 1984.jpg
|didascalia3 = [[Raffaella Carrà]]
|immagine4 = Emis Killa @ Wind Music Awards 2016 11 (cropped2).jpg
|didascalia4 = [[Emis Killa]]
}}

Si possono comunque compilare manualmente le dimensioni delle singole immagini, in questo caso si deve esaminare la pagina di descrizione di ogni immagine per ottenere la sua risoluzione a piena immagine. Per esempio:

Quindi si spcifica per ogni immagine l'altezza e larghezza usando i parametri altezza1, altezza2, ... altezzan e larghezza1, larghezza2, ... larghezzan

Righe multiple

Per visualizzare le immagini su righe multiple usare il parametro per riga. Il valore passato può essere un numero singolo o una lista di numeri delimitati da ,. Questo caratteristica può essere combinata con il parametro larghezza totale per visualizzare righe multiple di immagini con la stessa lunghezza totale per ogni riga. Occorre comunque notare che il numero effettivo di immagini per riga potrebbe essere più basso di quanto specificato, ad esempio su schermi troppo piccoli.

Equipaggiamento per la sorveglianza. In senso orario dall'alto: teodolite ottico, stazione robotica, livella ottica, stazione GPS per la navigazione satellitare cinematica in tempo reale
{{Immagine multipla
| per riga = 2
| larghezza totale=300
| immagine1 = Kern_Theodolit_DKM2-A.jpg  |larghezza1=319|altezza1=425
| immagine2 = Total-Robotic-Station.jpg  |larghezza2=1728|altezza2=3072
| immagine3 = DumpyLevel.jpg  |larghezza3=1600|altezza3=1200
| immagine4 = GPS_Survey_Equipment_at_Weir_Dyke_Bridge_-_geograph.org.uk_-_336908.jpg|larghezza4=427|altezza4=640
| sotto = Equipaggiamento per la sorveglianza. In senso orario dall'alto: teodolite ottico, stazione robotica, livella ottica, stazione GPS per la navigazione satellitare [[cinematica in tempo reale]]
}}

VisualEditor Dati per VisualEditor
La tabella TemplateData che segue è contenuta nella sottopagina Template:Immagine multipla/TemplateData (modifica·cronologia)

Questo template viene usato per inserire una serie di immagini in sequenza, allineandole verticalmente o orizzontalmente.

Parametri template[Modifica dati del modello]

Questo template ha una formattazione personalizzata.

ParametroDescrizioneTipoStato
Allineaallinea

allineamento della galleria rispetto alla pagina

Valori suggeriti
left center right
Predefinito
right
Stringafacoltativo
Direzionedirezione

direzione delle immagini all'interno della galleria: "orizzontale" per allinearle orizzontalmente, "verticale" per allinearle verticalmente

Valori suggeriti
orizzontale verticale
Predefinito
orizzontale
Stringafacoltativo
Titolotitolo

titolo assegnato alla galleria di immagini

Stringafacoltativo
Allineamento del titoloallinea titolo

allineamento del titolo; inserire una direzione del testo

Valori suggeriti
left center right
Predefinito
center
Stringafacoltativo
Sfondo del titolosfondo titolo

colore dello sfondo del titolo; inserire il codice esadecimale anteponendo il simbolo #

Stringafacoltativo
Larghezzalarghezza

larghezza delle immagini; inserire solo il valore numerico in pixel, senza px. Se inserita la larghezza specifica per un'immagine questa avrà la precedenza.

Predefinito
200
Numerofacoltativo
Larghezza totalelarghezza totale

Larghezza totale delle immagini. Inserire soltanto il valore numerico, senza px.

Numerofacoltativo
Immagine1immagine1

link alla prima immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia1didascalia1

didascalia della prima immagine

Stringafacoltativo
Larghezza1larghezza1

larghezza della prima immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza1altezza1

altezza della prima immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt1alt1

Testo alternativo per la prima immagine

Stringafacoltativo
Collegamento1collegamento1

Collegamento ad una pagina applicato sulla prima immagine

Nome della paginafacoltativo
Immagine2immagine2

link alla seconda immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia2didascalia2

didascalia della seconda immagine

Stringafacoltativo
Larghezza2larghezza2

larghezza della seconda immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza2altezza2

altezza della seconda immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt2alt2

Testo alternativo per la seconda immagine

Stringafacoltativo
Collegamento2collegamento2

Collegamento ad una pagina applicato sulla seconda immagine

Nome della paginafacoltativo
Immagine3immagine3

link alla terza immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia3didascalia3

didascalia della terza immagine

Stringafacoltativo
Larghezza3larghezza3

larghezza della terza immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza3altezza3

altezza della terza immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt3alt3

Testo alternativo per la terza immagine

Stringafacoltativo
Collegamento3collegamento3

Collegamento ad una pagina applicato sulla terza immagine

Nome della paginafacoltativo
Immagine4immagine4

link alla quarta immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia4didascalia4

didascalia della quarta immagine

Stringafacoltativo
Larghezza4larghezza4

larghezza della quarta immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza4altezza4

altezza della quarta immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt4alt4

Testo alternativo per la quarta immagine

Stringafacoltativo
Collegamento4collegamento4

Collegamento ad una pagina applicato sulla quarta immagine

Nome della paginafacoltativo
Immagine5immagine5

link alla quinta immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia5didascalia5

didascalia della quinta immagine

Stringafacoltativo
Larghezza5larghezza5

larghezza della quinta immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza5altezza5

altezza della quinta immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt5alt5

Testo alternativo per la quinta immagine

Stringafacoltativo
Collegamento5collegamento5

Collegamento ad una pagina applicato sulla quinta immagine

Nome della paginafacoltativo
Immagine6immagine6

link alla sesta immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia6didascalia6

didascalia della sesta immagine

Stringafacoltativo
Larghezza6larghezza6

larghezza della sesta immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza6altezza6

altezza della sesta immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt6alt6

Testo alternativo per la sesta immagine

Stringafacoltativo
Collegamento6collegamento6

Collegamento ad una pagina applicato sulla sesta immagine

Nome della paginafacoltativo
Immagine7immagine7

link alla settima immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia7didascalia7

didascalia della settima immagine

Stringafacoltativo
Larghezza7larghezza7

larghezza della settima immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza7altezza7

altezza della settima immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt7alt7

Testo alternativo per la settima immagine

Stringafacoltativo
Collegamento7collegamento7

Collegamento ad una pagina applicato sulla settima immagine

Nome della paginafacoltativo
Immagine8immagine8

link all'ottava immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia8didascalia8

didascalia dell'ottava immagine

Stringafacoltativo
Larghezza8larghezza8

larghezza dell'ottava immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza8altezza8

altezza dell'ottava immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt8alt8

Testo alternativo per l'ottava immagine

Stringafacoltativo
Collegamento8collegamento8

Collegamento ad una pagina applicato sull'ottava immagine

Nome della paginafacoltativo
Immagine9immagine9

link alla nona immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia9didascalia9

didascalia della nona immagine

Stringafacoltativo
Larghezza9larghezza9

larghezza della nona immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza9altezza9

altezza della nona immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt9alt9

Testo alternativo per la nona immagine

Stringafacoltativo
Collegamento9collegamento9

Collegamento ad una pagina applicato sulla nona immagine

Nome della paginafacoltativo
Immagine10immagine10

link alla decima immagine, senza il prefisso File: o Immagine:

Filefacoltativo
Didascalia10didascalia10

didascalia della decima immagine

Stringafacoltativo
Larghezza10larghezza10

larghezza della decima immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.

Numerofacoltativo
Altezza10altezza10

altezza della decima immagine; inserire solo il valore numerico in pixel, senza px.

Numerofacoltativo
Alt10alt10

Testo alternativo per la decima immagine

Stringafacoltativo
Collegamento10collegamento10

Collegamento ad una pagina applicato sulla decima immagine

Nome della paginafacoltativo
Didascaliasotto

Didascalia globale piazzata a piè di pagina della galleria

Stringafacoltativo
Allineamento della didascaliaallinea sotto

allineamento della didascalia; inserire una direzione del testo

Valori suggeriti
left center right
Predefinito
left
Stringafacoltativo
Sfondo della didascaliasfondo sotto

colore dello sfondo della didascalia; inserire il codice esadecimale anteponendo il simbolo #

Stringafacoltativo
Numero di immagini per rigaper riga

Numero di immagini massimo per ogni riga.

Numerofacoltativo