Template:Galleria: differenze tra le versioni

Vai alla navigazione Vai alla ricerca
Naviga nella cronologia in modo interattivo
Contenuto aggiunto Contenuto cancellato
VisualeWikitesto
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 1: Riga 1:
<includeonly><div style="width:{{#if:{{{larghezza-box|}}}|{{{larghezza-box}}}|{{#expr:{{{larghezza|200}}}+15}} }}px; {{#if:{{{allineamento|}}}|float:{{{allineamento|}}}; clear:{{{allineamento|}}}; |margin:0 auto; }} background-color:{{{sfondo|inherit}}}; border:1px solid {{{bordo|#BBBBBB}}}; padding:3px; padding-bottom:0px;">{{#if:{{{titolo|}}}|<div style="font-size:110%; font-weight:bold; text-align:center;">{{{titolo}}}</div>}}<!--
<includeonly><div style="width:{{#if:{{{larghezza-box|}}}|{{{larghezza-box}}}|{{#expr:{{{larghezza|200}}}+15}} }}px; {{#if:{{{allineamento|}}}|float:{{{allineamento|}}}; clear:{{{allineamento|}}}; |margin:0 auto; }} background-color:{{{sfondo|inherit}}}; border:1px solid {{{bordo|#BBBBBB}}}; padding:3px; padding-bottom:0px;">{{#if:{{{titolo|}}}|<div style="font-size:110%; font-weight:bold; text-align:center;">{{{titolo}}}</div>}}<!--
--><div class="{{{nome|galleria}}}Counter" style="text-align:center; font-size:smaller;">(1/?)</div><span class="{{{nome|galleria}}}LinkPrev" style="float:left; font-size:20px; display:none; position:relative; bottom:20px; z-index:50;">◄</span><span class="{{{nome|galleria}}}LinkNext" style="float:right; font-size:20px; position:relative; bottom:20px; z-index:50;">►</span><br style="clear:both;" />
--><div class="{{{nome|galleria}}}Counter" style="text-align:center; font-size:smaller;">(1/?)</div><span class="{{{nome|galleria}}}LinkPrev" style="float:left; font-size:20px; display:none; position:relative; bottom:20px; z-index:50;">◄</span><span class="{{{nome|galleria}}}LinkNext" style="float:right; font-size:20px; position:relative; bottom:20px; z-index:50;">►</span><br style="clear:both;" />
<div class="morphMaster{{#ifeq:{{{no-loop|1}}}|0|| noLoop}}" id="{{{nome|galleria}}}Master" style="text-decoration:blink; text-align:center;">Caricamento delle immagini in corso...</div><!--
<div class="morphMaster {{#ifeq:{{{no-loop|1}}}|0||noLoop}}" id="{{{nome|galleria}}}Master" style="text-decoration:blink; text-align:center;">Caricamento delle immagini in corso...</div><!--
--><div class="{{{nome|galleria}}}Content1" style="display:none; padding:0px; position:relative; bottom:8px;">[[file:{{{immagine1|Esempio.jpg}}}|{{{larghezza|200}}}px|center|{{{commento1|}}}]]<div style="margin-left:8px; margin-right:8px; font-size:{{{dim-commento|smaller}}};">{{{commento1|}}}</div></div><!--
--><div class="{{{nome|galleria}}}Content1" style="display:none; padding:0px; position:relative; bottom:8px;">[[file:{{{immagine1|Esempio.jpg}}}|{{{larghezza|200}}}px|center|{{{commento1|}}}]]<div style="margin-left:8px; margin-right:8px; font-size:{{{dim-commento|smaller}}};">{{{commento1|}}}</div></div><!--
-->{{#if:{{{immagine2|}}}|<div class="{{{nome|galleria}}}Content2" style="display:none; position:relative; bottom:8px;">[[file:{{{immagine2}}}|{{{larghezza|200}}}px|center|{{{commento2|}}}]]<div style="margin-left:8px; margin-right:8px; font-size:{{{dim-commento|smaller}}};">{{{commento2|}}}</div></div>|}}<!--
-->{{#if:{{{immagine2|}}}|<div class="{{{nome|galleria}}}Content2" style="display:none; position:relative; bottom:8px;">[[file:{{{immagine2}}}|{{{larghezza|200}}}px|center|{{{commento2|}}}]]<div style="margin-left:8px; margin-right:8px; font-size:{{{dim-commento|smaller}}};">{{{commento2|}}}</div></div>|}}<!--

Versione delle 18:18, 17 giu 2014

Utilizzo

Questo template serve a creare una galleria di immagini alternabili in un unico thumb della stessa larghezza, funziona attraverso un comando Javascript, che permette di scorrere le immagini una per una. Ricorda però che, proprio perché questo template usa javascript, un suo abuso può rallentare notevolmente il caricamento di una pagina.
Se il tuo browser da niubbo ha disattivato in automatico i javascript, cavoli tuoi, non vedrai nulla.
Il limite delle foto è 40, ma cosa cazzo ti serve caricarne di più?
Attenzione: per non perturbare l'impaginazione, si raccomanda di utilizzare immagini di proporzioni simili.

Sintassi

Per l'inserimento in una pagina, fai riferimento alla seguente sintassi: 

{{Galleria
|titolo=
|nome=
|larghezza=
|larghezza-box=
|allineamento=
|sfondo=
|bordo=
|no-loop=
|immagine1=
|commento1=
|immagine2=
|commento2=
|etc...
|etc...
|immagine40=
|commento40=
}}
  • titolo: È il titolo che verrà visualizzato sopra tutte le immagini. Di default non c'è titolo.
  • nome: È il nome della galleria, non verrà visualizzato da nessuna parte e serve nel caso si usi più volte questo template nella stessa pagina. È fondamentale usare il nome in questi casi, altrimenti javascript non riesce a distinguere tra le immagini di ogni singolo template, inoltre il nome stesso deve essere composto solo da:
    Pagine da unire
    		 Questa pagina dice le stesse cose della pagina lettere.
    Puoi contribuire fondendo i contenuti in una pagina unica.
    (maiuscole o minuscole),
    Pagine da unire
    		 Questa pagina dice le stesse cose della pagina numeri.
    Puoi contribuire fondendo i contenuti in una pagina unica.
    ,
    Pagine da unire
    		 Questa pagina dice le stesse cose della pagina trattini.
    Puoi contribuire fondendo i contenuti in una pagina unica.
    e
    Pagine da unire
    		 Questa pagina dice le stesse cose della pagina underscore.
    Puoi contribuire fondendo i contenuti in una pagina unica.
    , senza spazi o caratteri speciali per evitare problemi di visualizzazione.
    • larghezza: È la larghezza da utilizzare per ogni immagine, in px (non mettere l'unità, solo il valore), di default è 200. Il riquadro sarà 15 pixel più largo.
    • larghezza-box: - OPZIONALE - in caso vi serva una dimensione del box diversa (di solito più grande), aggiungete questo parametro, in px (non mettere l'unità, solo il valore). Non sostituisce "larghezza".
    • sfondo: È il colore di sfondo del riquadro, di default eredita lo sfondo sotto il template.
    • bordo: È il colore del bordo del riquadro, di default è #BBBBBB.
    • no-loop: Se è impostato a 0 la galleria è a rotazione continua, altrimenti non si può andare più indietro della prima immagine e più avanti dell'ultima (questo è il comportamento di default).
    • allineamento: Determina la posizione : left per allineare a sinistra, right per allineare a destra. Se volete una posizione centrata, omettete questo parametro.
    • dim-commento: Dimensione del testo del commento, si applica a tutti i commenti.
    • immagine1, ..., immagine40: Sono le immagini che verranno visualizzate. A parte la prima immagine, tutte le altre sono opzionali.
    • commento1, ..., commento40: Sono i commenti relativi ad un'immagine. Sono tutti opzionali.

    Esempio

    (1/?)
    ►
    Caricamento delle immagini in corso...

    {{galleria
    |larghezza=100
    |immagine1=Chuck22.jpg
    |immagine2=Mosconi1 0001.jpg
    |immagine3=McGyver.jpg
    |immagine4=Magnotta.jpg
    }}

    Template correlati

Estratto da "https://nonciclopedia.org/wiki/Template:Galleria?oldid=637683"