Template:Immagine multipla

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

AU Microscopii

β 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

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

Un'immagine in formato PNG con uno layer di trasparenza a 8 bit ...

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

I coach della quarta edizione di The Voice of Italy

Dolcenera

Raffaella Carrà

Emis Killa

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.

I coach della quarta edizione di The Voice of Italy

Dolcenera

Raffaella Carrà

Emis Killa

{{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:

• • File:Dolcenera Live a Sanremo - 2009.jpg indica: " (2 736 × 3 648 pixel, dimensione del file: 3,5 MB, tipo MIME: image/jpeg)"
  • File:Max Pezzali at Cartoomics 2013-1.jpg indica "(4 272 × 2 848 pixel, dimensione del file: 2,51 MB, tipo MIME: image/jpeg)"

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]]
}}

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.

Parametro		Descrizione	Tipo	Stato
Allinea	allinea	allineamento della galleria rispetto alla pagina Valori suggeriti left center right Predefinito right	Stringa	facoltativo
Direzione	direzione	direzione delle immagini all'interno della galleria: "orizzontale" per allinearle orizzontalmente, "verticale" per allinearle verticalmente Valori suggeriti orizzontale verticale Predefinito orizzontale	Stringa	facoltativo
Titolo	titolo	titolo assegnato alla galleria di immagini	Stringa	facoltativo
Allineamento del titolo	allinea titolo	allineamento del titolo; inserire una direzione del testo Valori suggeriti left center right Predefinito center	Stringa	facoltativo
Sfondo del titolo	sfondo titolo	colore dello sfondo del titolo; inserire il codice esadecimale anteponendo il simbolo #	Stringa	facoltativo
Larghezza	larghezza	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	Numero	facoltativo
Larghezza totale	larghezza totale	Larghezza totale delle immagini. Inserire soltanto il valore numerico, senza px.	Numero	facoltativo
Immagine1	immagine1	link alla prima immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia1	didascalia1	didascalia della prima immagine	Stringa	facoltativo
Larghezza1	larghezza1	larghezza della prima immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza1	altezza1	altezza della prima immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt1	alt1	Testo alternativo per la prima immagine	Stringa	facoltativo
Collegamento1	collegamento1	Collegamento ad una pagina applicato sulla prima immagine	Nome della pagina	facoltativo
Immagine2	immagine2	link alla seconda immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia2	didascalia2	didascalia della seconda immagine	Stringa	facoltativo
Larghezza2	larghezza2	larghezza della seconda immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza2	altezza2	altezza della seconda immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt2	alt2	Testo alternativo per la seconda immagine	Stringa	facoltativo
Collegamento2	collegamento2	Collegamento ad una pagina applicato sulla seconda immagine	Nome della pagina	facoltativo
Immagine3	immagine3	link alla terza immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia3	didascalia3	didascalia della terza immagine	Stringa	facoltativo
Larghezza3	larghezza3	larghezza della terza immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza3	altezza3	altezza della terza immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt3	alt3	Testo alternativo per la terza immagine	Stringa	facoltativo
Collegamento3	collegamento3	Collegamento ad una pagina applicato sulla terza immagine	Nome della pagina	facoltativo
Immagine4	immagine4	link alla quarta immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia4	didascalia4	didascalia della quarta immagine	Stringa	facoltativo
Larghezza4	larghezza4	larghezza della quarta immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza4	altezza4	altezza della quarta immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt4	alt4	Testo alternativo per la quarta immagine	Stringa	facoltativo
Collegamento4	collegamento4	Collegamento ad una pagina applicato sulla quarta immagine	Nome della pagina	facoltativo
Immagine5	immagine5	link alla quinta immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia5	didascalia5	didascalia della quinta immagine	Stringa	facoltativo
Larghezza5	larghezza5	larghezza della quinta immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza5	altezza5	altezza della quinta immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt5	alt5	Testo alternativo per la quinta immagine	Stringa	facoltativo
Collegamento5	collegamento5	Collegamento ad una pagina applicato sulla quinta immagine	Nome della pagina	facoltativo
Immagine6	immagine6	link alla sesta immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia6	didascalia6	didascalia della sesta immagine	Stringa	facoltativo
Larghezza6	larghezza6	larghezza della sesta immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza6	altezza6	altezza della sesta immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt6	alt6	Testo alternativo per la sesta immagine	Stringa	facoltativo
Collegamento6	collegamento6	Collegamento ad una pagina applicato sulla sesta immagine	Nome della pagina	facoltativo
Immagine7	immagine7	link alla settima immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia7	didascalia7	didascalia della settima immagine	Stringa	facoltativo
Larghezza7	larghezza7	larghezza della settima immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza7	altezza7	altezza della settima immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt7	alt7	Testo alternativo per la settima immagine	Stringa	facoltativo
Collegamento7	collegamento7	Collegamento ad una pagina applicato sulla settima immagine	Nome della pagina	facoltativo
Immagine8	immagine8	link all'ottava immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia8	didascalia8	didascalia dell'ottava immagine	Stringa	facoltativo
Larghezza8	larghezza8	larghezza dell'ottava immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza8	altezza8	altezza dell'ottava immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt8	alt8	Testo alternativo per l'ottava immagine	Stringa	facoltativo
Collegamento8	collegamento8	Collegamento ad una pagina applicato sull'ottava immagine	Nome della pagina	facoltativo
Immagine9	immagine9	link alla nona immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia9	didascalia9	didascalia della nona immagine	Stringa	facoltativo
Larghezza9	larghezza9	larghezza della nona immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza9	altezza9	altezza della nona immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt9	alt9	Testo alternativo per la nona immagine	Stringa	facoltativo
Collegamento9	collegamento9	Collegamento ad una pagina applicato sulla nona immagine	Nome della pagina	facoltativo
Immagine10	immagine10	link alla decima immagine, senza il prefisso File: o Immagine:	File	facoltativo
Didascalia10	didascalia10	didascalia della decima immagine	Stringa	facoltativo
Larghezza10	larghezza10	larghezza della decima immagine; inserire solo il valore numerico in pixel, senza px. Ha la priorità rispetto al parametro larghezza.	Numero	facoltativo
Altezza10	altezza10	altezza della decima immagine; inserire solo il valore numerico in pixel, senza px.	Numero	facoltativo
Alt10	alt10	Testo alternativo per la decima immagine	Stringa	facoltativo
Collegamento10	collegamento10	Collegamento ad una pagina applicato sulla decima immagine	Nome della pagina	facoltativo
Didascalia	sotto	Didascalia globale piazzata a piè di pagina della galleria	Stringa	facoltativo
Allineamento della didascalia	allinea sotto	allineamento della didascalia; inserire una direzione del testo Valori suggeriti left center right Predefinito left	Stringa	facoltativo
Sfondo della didascalia	sfondo sotto	colore dello sfondo della didascalia; inserire il codice esadecimale anteponendo il simbolo #	Stringa	facoltativo
Numero di immagini per riga	per riga	Numero di immagini massimo per ogni riga.	Numero	facoltativo