Template:Galleria: differenze tra le versioni

Vai alla navigazione Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
mNessun oggetto della modifica
mNessun oggetto della modifica
Riga 1: Riga 1:
<includeonly><div style="width: {{#expr:{{{larghezza|200}}}+15}}px; float: {{{allineamento|}}}; clear: {{{allineamento|}}}; 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: {{#expr:{{{larghezza|200}}}+15}}px; {{#if:{{{allineamento|center}}}|margin:0 auto;|float: {{{allineamento|}}}; clear: {{{allineamento|}}};}} 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 id="{{{nome|galleria}}}Counter" style="text-align: center; font-size: smaller;">(1/?)</div><span id="{{{nome|galleria}}}LinkPrev" style="float: left; font-size: 20px; display: none; position: relative; bottom: 20px; z-index: 50;">◄</span><span id="{{{nome|galleria}}}LinkNext" style="float: right; font-size: 20px; position: relative; bottom: 20px; z-index: 50;">►</span><br clear="both" />
--><div id="{{{nome|galleria}}}Counter" style="text-align: center; font-size: smaller;">(1/?)</div><span id="{{{nome|galleria}}}LinkPrev" style="float: left; font-size: 20px; display: none; position: relative; bottom: 20px; z-index: 50;">◄</span><span id="{{{nome|galleria}}}LinkNext" style="float: right; font-size: 20px; position: relative; bottom: 20px; z-index: 50;">►</span><br clear="both" />
<div class="galleryMorphMaster" id="{{{nome|galleria}}}Master" style="text-decoration: blink; text-align: center;">Caricamento delle immagini in corso...</div><!--
<div class="galleryMorphMaster" id="{{{nome|galleria}}}Master" style="text-decoration: blink; text-align: center;">Caricamento delle immagini in corso...</div><!--

Versione delle 15:04, 5 mag 2010

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=
|allineamento=
|sfondo=
|bordo=
|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.
  • larghezza: È la larghezza da utilizzare per ogni immagine, in px (non mettere l'unità), di default è 200. Il riquadro sarà 15 pixel più largo.
  • 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.
  • allineamento: Determina la posizione : left per allineare a sinistra, right per allineare a destra. Se volete una posizione centrata, omettete questo parametro ed usate il classico <center> fuori dal template.
  • 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