Plantilla:Switcher2: diferència entre les revisions

Dins infotaules
Polítics
Medalles

Exploració interactiva de l'historial

← Edició anterior Edició següent →

Contingut suprimit Contingut afegit

VisualWikitext

En línia

Revisió del 23:35, 9 des 2020

Documentació de la plantilla [ mostra ] [ modifica el codi ] [ mostra l'historial ] [ refresca ]

Aquest plantilla utilitza TemplateStyles:

template:Switcher2/styles.css

Descripció

Permet tenir fins a 6 imatges alternables dins un espai comú i seleccionables pel seu peu de foto.

És una versió evolucionada de {{switcher}}, la qual va ser pensada per a mapes estàtics i tenia uns botons de selecció molt grans.

La versió switcher2, minimitza l'espai del selector amb un format inspirat en el mode=slideshow de <gallery>, però situat al peu i fent seleccionable cadascuna de les imatges sense haver de seguir un ordre.

La plantilla ha estat pensada per poder-la encabir dins la cel·la d'una taula amb una mida similar a una miniatura.

Nota. La foto que es mostrarà per defecte quan es visualitza l'article és la darrera de les definides.

Sintaxi

{{switcher2|image1= |caption1= |image2= |caption2= |image3= |caption3= |image4= |caption4= |width= nn |center= |style_table= |lang=}}

O amb paràmetres posicionals, tal com funciona {{switcher}}, on les posicions senars corresponen a les imatges i les parells als noms dels seleccionadors.

{{switcher2|<primera imatge>|<primer seleccionador>|<segona imatge>|<segon seleccionador> |<tercera imatge>|<tercer seleccionador> |<quarta imatge>|<quart seleccionador> |width= nn |center= |style_table=}}

El text dels caption és opcional; a la versió posicional, cal deixar l'espai. La plantilla hi posa el número d'imatge, per defecte

Paràmetres de configuració

Tots són opcionals i no posicionals.

|lang= <llengua> versió lingüística en que recuperar els SVG multi-idioma.
|width= nn permet canviar la mida en pixels (px) de les imatges.
|center= y (sense informar, en cas contrari) permet centrar el contingut. S'ha de fer servir per mostrar les imatges centrades dins una infotaula.
|style_table= <valors CSS de formateig>El conjunt image+caption està encapsulat en una <table> configurada amb style="width:auto; border:none; border-spacing:0; padding:0;". Si es vol afegir o canviar algun d'aquests valors, per exemple posar-li border, etc. es pot afegir amb aquest paràmetre.

Textos de peu de foto

Tot i que el text dels botons seleccionadors permet descriure el contingut de la imatge, la plantilla està preparada per tractar textos de peu de foto (opcionals) que es mostraran just sota la imatge. Els paràmetres per informar aquests textos són: caption_text1= ..... caption_text4=.

Exemples

Amb 2 imatges

Amb 3 imatges

Amb 4 imatges

{{switcher2|image1=UTC+12.00.svg|caption1= |image2=Emojione 23F0.svg|caption2= }}

{{switcher2|image1=Noto Emoji Oreo 1f947.svg |caption1= |image2=Noto Emoji Oreo 1f948.svg |caption2= |width=100}}

{{switcher2|image1=UTC+12.00.svg|caption1= |image2=Emojione 23F0.svg|caption2=|image3=Noto Emoji Oreo 1f949.svg |caption3= }}

{{switcher2|image1=Noto Emoji Oreo 0031 20e3.svg|caption1= |image2=Noto Emoji Oreo 0032 20e3.svg|caption2= |image3=Noto Emoji Oreo 0033 20e3.svg |caption3= |image4=Noto Emoji Oreo 0034 20e3.svg |caption4=}}

{{switcher2| UTC+12.00.svg| |Emojione 23F0.svg|}}

{{switcher2|Noto Emoji Oreo 1f947.svg ||Noto Emoji Oreo 1f948.svg ||Noto Emoji Oreo 1f949.svg |}}

{{switcher2|image1=Noto Emoji Oreo 0031 20e3.svg|caption1=U |caption_text1=Text al peu pel número 1|image2=Noto Emoji Oreo 0032 20e3.svg|caption2=Dos |caption_text2=Text al peu pel número 2|image3=Noto Emoji Oreo 0033 20e3.svg |caption3= Tres |caption_text3=Text al peu pel número 3|image4=Noto Emoji Oreo 0034 20e3.svg |caption4= Quatre |caption_text4=Text al peu pel número 4}}

Text al peu pel número 1

Text al peu pel número 2

Text al peu pel número 3

Text al peu pel número 4

{{switcher2| UTC+12.00.svg|rellotge |Emojione 23F0.svg|despertador}}

{{switcher2|Noto Emoji Oreo 1f947.svg |or|Noto Emoji Oreo 1f948.svg |argent|Noto Emoji Oreo 1f949.svg |bronze}}

{{Switcher2 |width=150
  |caption4={{GetLabelFix|P18|lang={{{lang|}}} }}
  |caption3={{GetLabelFix|P3311|lang={{{lang|}}} }}
  |caption2={{GetLabelFix|P5775|lang={{{lang|}}} }}
  |caption1={{GetLabelFix|P3451|lang={{{lang|}}} }}
  |image4={{#invoke:Wikidades|claim |property=P18   |qualifier=P2096 or P585 |item=Q48435
                          |list=false |editicon=no | formatting=table |rowformat =$0}}
  |image3={{#invoke:Wikidades|claim |property=P3311 |qualifier=P2096 or P585 |item=Q48435
                          |list=false |editicon=no | formatting=table |rowformat =$0}}
  |image2={{#invoke:Wikidades|claim |property=P5775 |qualifier=P2096 or P585 |item=Q48435
                          |list=false |editicon=no | formatting=table |rowformat =$0}} 
  |image1={{#invoke:Wikidades|claim |property=P3451 |qualifier=P2096 or P585 |item=Q48435
                          |list=false |editicon=no | formatting=table |rowformat =$0}}
  |caption_text4={{#invoke:Wikidades|claim |property=P18   |qualifier=P2096 or P585 |item=Q48435
                          |list=false |editicon=no | formatting=table |rowformat =$1}}
  |caption_text3={{#invoke:Wikidades|claim |property=P3311 |qualifier=P2096 or P585 |item=Q48435
                          |list=false |editicon=no | formatting=table |rowformat =$1}}
  |caption_text2={{#invoke:Wikidades|claim |property=P5775 |qualifier=P2096 or P585 |item=Q48435
                          |list=false |editicon=no | formatting=table |rowformat =$1}}   
  |caption_text1={{#invoke:Wikidades|claim |property=P3451 |qualifier=P2096 or P585 |item=Q48435
                          |list=false |editicon=no | formatting=table |rowformat =$1}}
}}

2015

Vista des de la plaça de Gaudí

Amb 6 imatges

{{switcher2|Noto Emoji Oreo 1f550.svg | |Noto Emoji Oreo 1f551.svg | |Noto Emoji Oreo 1f552.svg | |Noto Emoji Oreo 1f553.svg | |Noto Emoji Oreo 1f554.svg | |Noto Emoji Oreo 1f555.svg | |Noto Emoji Oreo 1f556.svg}}

{{switcher2|Noto Emoji Oreo 1f550.svg |la una |Noto Emoji Oreo 1f551.svg |les dues |Noto Emoji Oreo 1f552.svg |les tres |Noto Emoji Oreo 1f553.svg |les quatre |Noto Emoji Oreo 1f554.svg |les cinc |Noto Emoji Oreo 1f555.svg |les sis}}

Vegeu també

La documentació de més amunt està transclosa de Plantilla:Switcher2/ús. (modifica | historial)
Els editors poden fer proves amb aquesta plantilla al seu espai de proves (crea | modifica)
Afegiu categories en la subpàgina /ús. Vegeu les subpàgines d'aquesta plantilla, utilització de paràmetres.

@@ Línia 16: / Línia 16: @@
  -->{{#if:{{{image3|{{{5|}}} }}}
 |<div class="geobox {{#if:{{{image4|{{{7|}}}}}}|nomobile}}"><!--
- --><table style="width:auto; margin:0; line-height: 70%; border:none; border-spacing:0; padding:0; {{{style table|}}}"><!--
+ --><table style="width:auto; margin:0;  border:none; border-spacing:0; padding:0; {{{style table|}}}"><!--
  --><tr><td style="border:none; padding:0";>[[file:{{{image3|{{{5|}}}}}}|{{{width|45}}}px|{{if empty|{{{caption3|}}}|{{{6|}}}|{{#if:{{{image4|}}}{{{7|}}}|3|3>}}}} |class=noviewer]]<!--
  --></td></tr>{{#if:{{{caption_text3|}}}|<tr><td class=img_toogle_caption>{{{caption_text3|}}}</td></tr>}}<!--
@@ Línia 22: / Línia 22: @@
  -->{{#if:{{{image4|{{{7|}}} }}}
 |<div class="geobox"><!--
- --><table style="width:auto; margin:0; line-height: 70%; border:none; border-spacing:0; padding:0; {{{style table|}}}"><!--
+ --><table style="width:auto; margin:0; <!-- line-height: 70%; --> border:none; border-spacing:0; padding:0; {{{style table|}}}"><!--
  --><tr><td style="border:none; padding:0";>[[file:{{{image4|{{{7|}}}}}}|{{{width|45}}}px|{{if empty|{{{caption4|}}}|{{{8|}}}|>4}} |class=noviewer]]<!--
  --></td></tr>{{#if:{{{caption_text4|}}}|<tr><td class=img_toogle_caption>{{{caption_text4|}}}</td></tr>}}<!--