Template:Galleria: differenze tra le versioni

m
Bot: Rimetto a posto gli spazi, altrimenti Zaza non riesce a dormire stanotte...
m (Bot: Sistemazione del codice CSS.)
m (Bot: Rimetto a posto gli spazi, altrimenti Zaza non riesce a dormire stanotte...)
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>}}<!--
--><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 style="clear: both;" />
<div class="galleryMorphMaster" id="{{{nome|galleria}}}Master" style="text-decoration: blink; text-align: center;">Caricamento delle immagini in corso...</div><!--
--><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: {{{dim-commento|smaller}}};">{{{commento1|}}}</div></div><!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento2|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento3|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento4|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento5|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento6|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento7|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento8|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|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: {{{dim-commento|smaller}}};">{{{commento10|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento11|}}}</div></div>|}}<!--
-->{{#if:{{{immagine12|}}}|<div id="{{{nome|galleria}}}Content12" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine12}}}|{{{larghezza|200}}}px|center|{{{commento12|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento12|}}}</div></div>|}}<!--
-->{{#if:{{{immagine13|}}}|<div id="{{{nome|galleria}}}Content13" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine13}}}|{{{larghezza|200}}}px|center|{{{commento13|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento13|}}}</div></div>|}}<!--
-->{{#if:{{{immagine14|}}}|<div id="{{{nome|galleria}}}Content14" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine14}}}|{{{larghezza|200}}}px|center|{{{commento14|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento14|}}}</div></div>|}}<!--
-->{{#if:{{{immagine15|}}}|<div id="{{{nome|galleria}}}Content15" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine15}}}|{{{larghezza|200}}}px|center|{{{commento15|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento15|}}}</div></div>|}}<!--
-->{{#if:{{{immagine16|}}}|<div id="{{{nome|galleria}}}Content16" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine16}}}|{{{larghezza|200}}}px|center|{{{commento16|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento16|}}}</div></div>|}}<!--
-->{{#if:{{{immagine17|}}}|<div id="{{{nome|galleria}}}Content17" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine17}}}|{{{larghezza|200}}}px|center|{{{commento17|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento17|}}}</div></div>|}}<!--
-->{{#if:{{{immagine18|}}}|<div id="{{{nome|galleria}}}Content18" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine18}}}|{{{larghezza|200}}}px|center|{{{commento18|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento18|}}}</div></div>|}}<!--
-->{{#if:{{{immagine19|}}}|<div id="{{{nome|galleria}}}Content19" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine19}}}|{{{larghezza|200}}}px|center|{{{commento19|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento19|}}}</div></div>|}}<!--
-->{{#if:{{{immagine20|}}}|<div id="{{{nome|galleria}}}Content20" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine20}}}|{{{larghezza|200}}}px|center|{{{commento20|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento20|}}}</div></div>|}}<!--
-->{{#if:{{{immagine21|}}}|<div id="{{{nome|galleria}}}Content21" style="display: none; position: relative; bottom: 8px;">[[file:{{{immagine21}}}|{{{larghezza|200}}}px|center|{{{commento21|}}}]]<div style="margin-left: 8px; margin-right: 8px; font-size: {{{dim-commento|smaller}}};">{{{commento21|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|smaller}}};">{{{commento22|}}}</div></div>|}}<!--
-->{{#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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|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: {{{dim-commento|smaller}}};">{{{commento40|}}}</div></div>|}}</div>{{#ifeq:{{{allineamento|right}}}|left|<br style="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 />
 
==Sintassi==
0

contributi