Template:Immagine multipla
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
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
Per aggiungere altre immagini, occorre aggiungere i valori |
{{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.
|
{{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
{{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
{{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])
{{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:
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:
- 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.
{{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.
Parametro | Descrizione | Tipo | Stato | |
---|---|---|---|---|
Allinea | allinea | allineamento della galleria rispetto alla pagina
| Stringa | facoltativo |
Direzione | direzione | direzione delle immagini all'interno della galleria: "orizzontale" per allinearle orizzontalmente, "verticale" per allinearle verticalmente
| 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
| 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.
| 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
| 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 |