|
<noinclude>{{obsoleto|archivio=sì}}</noinclude><includeonly>
<includeonly><div style="width: {{#expr:{{{larghezza|200}}}+15}}px; float: {{{allineamento|right}}}; clear: {{{allineamento|right}}}; 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>}}<!--
{| class="noprint" align="{{{allineamento|center}}}" float="{{{allineamento|center}}}"
--><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
<div class="galleryMorphMaster" id="{{{nome|galleria}}}Master" style="text-decoration: blink; text-align: center;">Caricamento delle immagini in corso...</div><!--
class="ImageGroup"
--><div id="{{{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: smaller;">{{{commento1|}}}</div></div><!--
style="
-->{{#if:{{{immagine2|}}}|<div id="{{{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: smaller;">{{{commento2|}}}</div></div>|}}<!--
border:1px solid {{{bordo|#BBB}}};
-->{{#if:{{{immagine3|}}}|<div id="{{{nome|galleria}}}Content3" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine3}}}|{{{larghezza|200}}}px|center|{{{commento3|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento3|}}}</div></div>|}}<!--
float:{{{allineamento|center}}};
-->{{#if:{{{immagine4|}}}|<div id="{{{nome|galleria}}}Content4" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine4}}}|{{{larghezza|200}}}px|center|{{{commento4|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento4|}}}</div></div>|}}<!--
clear:{{{allineamento|center}}};
-->{{#if:{{{immagine5|}}}|<div id="{{{nome|galleria}}}Content5" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine5}}}|{{{larghezza|200}}}px|center|{{{commento5|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento5|}}}</div></div>|}}<!--
text-align:center;
-->{{#if:{{{immagine6|}}}|<div id="{{{nome|galleria}}}Content6" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine6}}}|{{{larghezza|200}}}px|center|{{{commento6|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento6|}}}</div></div>|}}<!--
{{ #ifeq: {{{allineamento|}}} | right | margin-left:1em; | margin-right:1em; }}
-->{{#if:{{{immagine7|}}}|<div id="{{{nome|galleria}}}Content7" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine7}}}|{{{larghezza|200}}}px|center|{{{commento7|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento7|}}}</div></div>|}}<!--
background-color:{{{sfondo|white}}};
-->{{#if:{{{immagine8|}}}|<div id="{{{nome|galleria}}}Content8" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine8}}}|{{{larghezza|200}}}px|center|{{{commento8|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento8|}}}</div></div>|}}<!--
<!--width:{{#expr: {{{larghezza|200}}} + 15 }}px;-->
-->{{#if:{{{immagine9|}}}|<div id="{{{nome|galleria}}}Content9" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine9}}}|{{{larghezza|200}}}px|center|{{{commento9|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento9|}}}</div></div>|}}<!--
"
-->{{#if:{{{immagine10|}}}|<div id="{{{nome|galleria}}}Content10" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine10}}}|{{{larghezza|200}}}px|center|{{{commento10|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento10|}}}</div></div>|}}<!--
>{{#if:{{{titolo|}}}|<div style="font-size:110%; font-weight:bold;">{{{titolo}}}</div>}}<div class="ImageGroupUnits"><!--
-->{{#if:{{{immagine11|}}}|<div id="{{{nome|galleria}}}Content11" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine11}}}|{{{larghezza|200}}}px|center|{{{commento11|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento11|}}}</div></div>|}}<!--
-->{{#if:{{{immagine121|}}}|<div id="{{{nomeimmagine1|galleria}}}Content12"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{1|Immagine:{{{immagine12immagine1}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento122|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento12commento1|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine133|}}}|<div id="{{{nomeimmagine2|galleria}}}Content13"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{3|Immagine:{{{immagine13immagine2}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento134|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento13commento2|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine145|}}}|<div id="{{{nomeimmagine3|galleria}}}Content14"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{5|Immagine:{{{immagine14immagine3}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento146|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento14commento3|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine157|}}}|<div id="{{{nomeimmagine4|galleria}}}Content15"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{7|Immagine:{{{immagine15immagine4}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento158|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento15commento4|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine169|}}}|<div id="{{{nomeimmagine5|galleria}}}Content16"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{9|Immagine:{{{immagine16immagine5}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento1610|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento16commento5|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine1711|}}}|<div id="{{{nomeimmagine6|galleria}}}Content17"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{11|Immagine:{{{immagine17immagine6}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento1712|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento17commento6|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine1813|}}}|<div id="{{{nomeimmagine7|galleria}}}Content18"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{13|Immagine:{{{immagine18immagine7}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento1814|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento18commento7|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine1915|}}}|<div id="{{{nomeimmagine8|galleria}}}Content19"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{15|Immagine:{{{immagine19immagine8}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento1916|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento19commento8|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine2017|}}}|<div id="{{{nomeimmagine9|galleria}}}Content20"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{17|Immagine:{{{immagine20immagine9}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento2018|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento20commento9|}}}</div></div>|}}}]]}}<!--
-->{{#if:{{{immagine2119|}}}|<div id="{{{nomeimmagine10|galleria}}}Content21"}}}| style="display: none; position: relative; bottom: 8px;">[[file{{{19|Immagine:{{{immagine21immagine10}}}}}}|{{{larghezza|200}}}px|thumb|center|{{{commento2120|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento21commento10|}}}</div></div>|}}}]]}}<!--
--></div></div>{{#ifeq:{{{allineamento|}}}|left|<br clear="left">|}}
-->{{#if:{{{immagine22|}}}|<div id="{{{nome|galleria}}}Content22" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine22}}}|{{{larghezza|200}}}px|center|{{{commento22|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento22|}}}</div></div>|}}<!--
|}</includeonly><noinclude>
-->{{#if:{{{immagine23|}}}|<div id="{{{nome|galleria}}}Content23" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine23}}}|{{{larghezza|200}}}px|center|{{{commento23|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento23|}}}</div></div>|}}<!--
-->{{#if:{{{immagine24|}}}|<div id="{{{nome|galleria}}}Content24" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine24}}}|{{{larghezza|200}}}px|center|{{{commento24|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento24|}}}</div></div>|}}<!--
-->{{#if:{{{immagine25|}}}|<div id="{{{nome|galleria}}}Content25" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine25}}}|{{{larghezza|200}}}px|center|{{{commento25|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento25|}}}</div></div>|}}<!--
-->{{#if:{{{immagine26|}}}|<div id="{{{nome|galleria}}}Content26" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine26}}}|{{{larghezza|200}}}px|center|{{{commento26|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento26|}}}</div></div>|}}<!--
-->{{#if:{{{immagine27|}}}|<div id="{{{nome|galleria}}}Content27" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine27}}}|{{{larghezza|200}}}px|center|{{{commento27|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento27|}}}</div></div>|}}<!--
-->{{#if:{{{immagine28|}}}|<div id="{{{nome|galleria}}}Content28" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine28}}}|{{{larghezza|200}}}px|center|{{{commento28|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento28|}}}</div></div>|}}<!--
-->{{#if:{{{immagine29|}}}|<div id="{{{nome|galleria}}}Content29" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine29}}}|{{{larghezza|200}}}px|center|{{{commento29|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento29|}}}</div></div>|}}<!--
-->{{#if:{{{immagine30|}}}|<div id="{{{nome|galleria}}}Content30" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine30}}}|{{{larghezza|200}}}px|center|{{{commento30|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento30|}}}</div></div>|}}<!--
-->{{#if:{{{immagine31|}}}|<div id="{{{nome|galleria}}}Content31" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine31}}}|{{{larghezza|200}}}px|center|{{{commento31|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento31|}}}</div></div>|}}<!--
-->{{#if:{{{immagine32|}}}|<div id="{{{nome|galleria}}}Content32" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine32}}}|{{{larghezza|200}}}px|center|{{{commento32|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento32|}}}</div></div>|}}<!--
-->{{#if:{{{immagine33|}}}|<div id="{{{nome|galleria}}}Content33" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine33}}}|{{{larghezza|200}}}px|center|{{{commento33|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento33|}}}</div></div>|}}<!--
-->{{#if:{{{immagine34|}}}|<div id="{{{nome|galleria}}}Content34" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine34}}}|{{{larghezza|200}}}px|center|{{{commento34|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento34|}}}</div></div>|}}<!--
-->{{#if:{{{immagine35|}}}|<div id="{{{nome|galleria}}}Content35" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine35}}}|{{{larghezza|200}}}px|center|{{{commento35|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento35|}}}</div></div>|}}<!--
-->{{#if:{{{immagine36|}}}|<div id="{{{nome|galleria}}}Content36" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine36}}}|{{{larghezza|200}}}px|center|{{{commento36|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento36|}}}</div></div>|}}<!--
-->{{#if:{{{immagine37|}}}|<div id="{{{nome|galleria}}}Content37" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine37}}}|{{{larghezza|200}}}px|center|{{{commento37|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento37|}}}</div></div>|}}<!--
-->{{#if:{{{immagine38|}}}|<div id="{{{nome|galleria}}}Content38" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine38}}}|{{{larghezza|200}}}px|center|{{{commento38|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento38|}}}</div></div>|}}<!--
-->{{#if:{{{immagine39|}}}|<div id="{{{nome|galleria}}}Content39" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine39}}}|{{{larghezza|200}}}px|center|{{{commento39|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento39|}}}</div></div>|}}<!--
-->{{#if:{{{immagine40|}}}|<div id="{{{nome|galleria}}}Content40" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine40}}}|{{{larghezza|200}}}px|center|{{{commento40|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: smaller;">{{{commento40|}}}</div></div>|}}</div>{{#ifeq:{{{allineamento|right}}}|left|<br clear="left" />|}}</includeonly><noinclude>
== 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.<br>
Se il tuo [[Internet Explorer|browser]] da [[niubbo]] ha disattivato in automatico i javascript, cavoli tuoi, non vedrai nulla.<br>
Il limite delle foto è 40, ma cosa [[cazzo]] ti serve caricarne di più?<br>
'''<span style="color:#FF0000">Attenzione:</span>''' per non perturbare l'impaginazione, si raccomanda di utilizzare immagini di proporzioni simili.<br>
{{Template complesso}}
==Sintassi==
{{man}}
Per l'inserimento in una pagina, fai riferimento alla seguente sintassi:
[[Categoria:Template strumenti di layout immagini]]
<nowiki>{{</nowiki>Galleria
|titolo=
|nome=
|larghezza=
|allineamento=
|sfondo=
|bordo=
|immagine1=
|commento1=
|immagine2=
|commento2=
|etc...
|etc...
|immagine40=
|commento40=
<nowiki>}}</nowiki>
*<code>titolo</code>: È il titolo che verrà visualizzato sopra tutte le immagini. Di default non c'è titolo.
*<code>nome</code>: È 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.
*<code>larghezza</code>: È la larghezza da utilizzare per ogni immagine, in px (non mettere l'unità), di default è 200. Il riquadro sarà 15 pixel più largo.
*<code>sfondo</code>: È il colore di sfondo del riquadro, di default eredita lo sfondo sotto il template.
*<code>bordo</code>: È il colore del bordo del riquadro, di default è <span style="color: #BBBBBB;">#BBBBBB</span>.
*<code>allineamento</code>: Determina la posizione : ''left'' per allineare a sinistra, ''right'' per allineare a destra.
*<code>immagine1, ..., immagine40</code>: Sono le immagini che verranno visualizzate. A parte la prima immagine, tutte le altre sono opzionali.
*<code>commento1, ..., commento40</code>: Sono i commenti relativi ad un'immagine. Sono tutti opzionali.
==Esempio==
{{galleria
|larghezza=100
|immagine1=Chuck22.jpg
|immagine2=Mosconi1 0001.jpg
|immagine3=McGyver.jpg
|immagine4=Magnotta.jpg
}}
<code><nowiki>{{</nowiki>galleria<br />
|larghezza=100<br />
|immagine1=Chuck22.jpg<br />
|immagine2=Mosconi1 0001.jpg<br />
|immagine3=McGyver.jpg<br />
|immagine4=Magnotta.jpg<br />
}}</code>
<br clear="all" />
== Template correlati ==
*{{Template|GalleriaVideo}}
[[Categoria:Utility templates]]
</noinclude>
|