Sjabloon:Afbeelding drievoudig: verschil tussen versies

(5 tussenliggende versies door dezelfde gebruiker niet weergegeven)

Regel 1:

<includeonly>{{#switch: {{{1|}}}

<includeonly>{{#switch: {{{positie|}}}

| ~~left~~ = <div class="thumb tleft">

| links = <div class="thumb tleft {{{class|}}}">

| ~~right~~ = <div class="thumb tright">

| rechts = <div class="thumb tright {{{class|}}}">

| ~~center|centre~~ = <div class="center"><div class="thumb tnone">

| gecentreerd = <div class="center"><div class="thumb tnone {{{class|}}}">

| #default = <div class="thumb tright">

| #default = <div class="thumb tright {{{class|}}}">

}}<div class="thumbinner" style="width:{{#expr: {{{3|0}}} + {{{7|0}}} + {{{11|0}}} + 10}}px;">

}}<div class="thumbinner" style="width:{{#expr: {{{b.1|0}}} + {{{b.2|0}}} + {{{b.3|0}}} + 10}}px;">

{| style="background: transparent; border: 0; padding: 0; margin: 0; width:{{#expr: {{{3|0}}} + {{{5|0}}} + 4}}px;" cellspacing="0"

{| style="background: transparent; border: 0; padding: 0; margin: 0; width:{{#expr: {{{b.1|0}}} + {{{b.2|0}}} + {{{b.3|0}}} + 4}}px;" cellspacing="0"

|- style="vertical-align:{{{valign|middle}}};"

| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{2}}}|{{{3}}}px|~~Link=~~{{{4|}}}|~~alt~~={{{5|}}}|{{{14|}}}]]

| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.1}}}|{{{b.1}}}px|{{#if:{{{link.1|}}}|link={{{link.1|}}}|-}}|{{{tekst.1|}}}]]

| style="padding: 0; margin: 0; border: 0; width: 2px" |

| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{6}}}|{{{7}}}px|~~Link=~~{{{8|}}}|~~alt~~={{{9|}}}|{{{14|}}}]]

| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.2}}}|{{{b.2}}}px|{{#if:{{{link.2|}}}|link={{{link.2|}}}|-}}|{{{tekst.2|}}}]]

| style="padding: 0; margin: 0; border: 0; width: 2px" |

| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{10}}}|{{{11}}}px|~~Link=~~{{{12|}}}|~~alt~~={{{13|}}}|{{{14|}}}]]

| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.3}}}|{{{b.3}}}px|{{#if:{{{link.3|}}}|link={{{link.3|}}}|-}}|{{{tekst.3|}}}]]

|- style="vertical-align:top;"

| style="padding: 0; margin: 0; border: 0;" colspan="5" | <div class="thumbcaption">{{{14|}}}</div>

| style="padding: 0; margin: 0; border: 0;" colspan="5" | <div class="thumbcaption">{{{onderschrift|}}}</div>

|}

</div>

{{#switch: {{{1|}}}

{{#switch: {{{positie|}}}

| ~~center|centre~~ = </div></div>

| gecentreerd = </div></div>

| </div>

}}</includeonly><noinclude>

Regel 23:

Dit sjabloon zorgt ervoor dat er één afbeeldingbox ontstaat, waarin drie losse afbeeldingen naast elkaar te zien zijn.

Het sjabloon plaatst de afbeeldingen in een tabel en ~~werkt daardoor~~ ook op de mobiele versie van de website.

Het sjabloon plaatst de afbeeldingen (en het onderschrift) in een tabel, dit is eigenlijk niet correct gebruik van een tabel. Het geeft echter wel een redelijk goed resultaat en wordt op Wikipedia veelvuldig gebruikt. In de desktop versie van de website is het resultaat goed, ook als de afbeeldingen naast de tekst staan. In de mobiele versie van de website is het resultaat minder goed. De abeeldingen blijven wel keurig naast elkar stan maar als er tekst naast de afbeelding staat kan deze leleijk klem komen te zitten in de schaarse ruimte naast de afbeelding. Bovendien zit er nog maar heel weinig witruimte tussen het kader afbeeldingskader en de tekst.

'''Noot:''' Door <code>class=nomobile</code> toe te voegen wordt de gehele afbeeldingsbox weggelaten in de mobiele versie van de website.

==Syntaxis==

<pre>{{Afbeelding drievoudig

|1=~~left~~/~~center~~/~~right~~ (default=~~right~~)

|positie= links/rechts/gecentreerd (default=rechts)

|2=Eerste afbeelding

|class= Opmaakprofiel (optioneel)

|3=~~Breedte~~ eerste afbeelding

|afb.1= Eerste afbeelding

|~~4=Link~~=

|link.1= Alternatieve link bij eerste afbeelding

|5=~~Alt-tekst~~ eerste afbeelding

|tekst.1= Tooltip tekst bij eerste afbeelding

|6=Tweede afbeelding

|b.1= Breedte eerste afbeelding

|7=~~Breedte~~ tweede afbeelding

|afb.2= Tweede afbeelding

|~~8=Link~~=

|link.2= Alternatieve link bij tweede afbeelding

|9=~~Alt-tekst~~ tweede afbeelding

|tekst.2= Tooltip tekst bij tweede afbeelding

|10=Derde afbeelding

|b.2= Breedte tweede afbeelding

|11=~~Breedte~~ derde afbeelding

|afb.3= Derde afbeelding

|~~12=Link~~=

|link.3= Alternatieve link bij derde afbeelding

|13=~~Alt-tekst~~ derde afbeelding

|tekst.3= Tooltip tekst bij derde afbeelding

|14=Onderschrift

|b.3= Breedte derde afbeelding

|onderschrift= Onderschrift

}}</pre>

==Voorbeelden==

===~~Oude template~~===

===Naast tekst, minimale parameters===

{{~~Weekrapporten Bestek 6~~/~~Drie afbeeldingen in een kader~~

<pre>

| afb.1=Weekrapport No. 21.1..jpg

{{Afbeelding drievoudig

| afb.2=Weekrapport No. 21.2..jpg

|afb.1=Weekrapport No. 21.1..jpg

| afb.3=Weekrapport No. 21.3..jpg

|b.1=94

| onderschrift=Weekrapport no. 21.}}

|afb.2=Weekrapport No. 21.2..jpg

|b.2=188

|afb.3=Weekrapport No. 21.3..jpg

|b.3=94

|onderschrift=Weekrapport no. 21.}}

</pre>

{{Afbeelding drievoudig

|afb.1=Weekrapport No. 21.1..jpg

|b.1=94

|afb.2=Weekrapport No. 21.2..jpg

|b.2=188

|afb.3=Weekrapport No. 21.3..jpg

|b.3=94

|onderschrift=Weekrapport no. 21.}}

===~~Dit template~~===

===Naast tekst, uitgebreide parameters inclusief class=nomobile===

<pre>

{{Afbeelding drievoudig

|1=~~right~~

|positie=links

|2=Weekrapport No. 21.1..jpg

|class=nomobile

|3=94

|afb.1=Weekrapport No. 21.1..jpg

|5=~~Voorblad~~

|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg

|6=Weekrapport No. 21.2..jpg

|tekst.1=Weekrapport no. 21, voorblad

|7=~~188~~

|b.1=75

|9=~~Middenblad~~ (dubbel)

|afb.2=Weekrapport No. 21.2..jpg

|10=Weekrapport No. 21.3..jpg

|link.2=https://wiki.woudagemaal.nl/w/images/3/33/Weekrapport_No._21.2..jpg

|11=94

|tekst.2=Weekrapport no. 21, middenblad (dubbel)

|13=~~Achterblad~~

|b.2=150

|14=Weekrapport no. 21.}}

|afb.3=Weekrapport No. 21.3..jpg

|link.3=https://wiki.woudagemaal.nl/w/images/d/d7/Weekrapport_No._21.3..jpg

|tekst.3=Weekrapport no. 21, achterblad

|b.3=75

|onderschrift=Weekrapport no. 21.}}

</pre>

{{Afbeelding drievoudig

|positie=links

|class=nomobile

|afb.1=Weekrapport No. 21.1..jpg

|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg

|tekst.1=Weekrapport no. 21, voorblad

|b.1=75

|afb.2=Weekrapport No. 21.2..jpg

|link.2=https://wiki.woudagemaal.nl/w/images/3/33/Weekrapport_No._21.2..jpg

|tekst.2=Weekrapport no. 21, middenblad (dubbel)

|b.2=150

|afb.3=Weekrapport No. 21.3..jpg

|link.3=https://wiki.woudagemaal.nl/w/images/d/d7/Weekrapport_No._21.3..jpg

|tekst.3=Weekrapport no. 21, achterblad

|b.3=75

|onderschrift=Weekrapport no. 21.}}

===Gecentreerd, uitgebreide parameters===

<pre>

|positie=gecentreerd

|afb.1=781-15L Paalfundeering.png

|link.1=https://wiki.woudagemaal.nl/w/images/b/bb/781-15L_Paalfundeering.png

|tekst.1=Blad 15: Paalfundeering, linker deel

|b.1=142

|afb.2=781-15M Paalfundeering.png

|link.2=https://wiki.woudagemaal.nl/w/images/b/be/781-15M_Paalfundeering.png

|tekst.2=Blad 15: Paalfundeering, midden deel

|b.2=139

|afb.3=781-15R Paalfundeering.png

|link.3=https://wiki.woudagemaal.nl/w/images/5/5f/781-15R_Paalfundeering.png

|tekst.3=Blad 15: Paalfundeering, rechter deel

|b.3=142

|onderschrift=Blad 15: Paalfundeering.}}

</pre>

{{Afbeelding drievoudig

|positie=gecentreerd

|afb.1=781-15L Paalfundeering.png

|link.1=https://wiki.woudagemaal.nl/w/images/b/bb/781-15L_Paalfundeering.png

|tekst.1=Blad 15: Paalfundeering, linker deel

|b.1=142

|afb.2=781-15M Paalfundeering.png

|link.2=https://wiki.woudagemaal.nl/w/images/b/be/781-15M_Paalfundeering.png

|tekst.2=Blad 15: Paalfundeering, midden deel

|b.2=139

|afb.3=781-15R Paalfundeering.png

|link.3=https://wiki.woudagemaal.nl/w/images/5/5f/781-15R_Paalfundeering.png

|tekst.3=Blad 15: Paalfundeering, rechter deel

|b.3=142

|onderschrift=Blad 15: Paalfundeering.}}

==Zie ook==

* [[Sjabloon:Afbeelding dubbel]], zet twee afbeeldingen naast elkaar in één afbeeldingbox

==Bronnen==

Het concept van dit sjabloon is overgenomen van de Nederlandstalige Wikipedia, https://nl.wikipedia.org/wiki/Sjabloon:Dubbele_afbeelding

Het is geen exacte kopie, voor deze wiki is ~~de beschrijving en voorbeelden van~~ het sjabloon aangepast.

Het is geen exacte kopie, voor deze wiki is het sjabloon aangepast zodat er drie (i.p.v. twee) afbeeldingen in één kader komen. Daarnaast zijn er nog andere aanpassingen aan het sjabloon gedaan.

[[Categorie:Sjablonen opmaak]]

</noinclude>

@@ Regel 1: / Regel 1: @@
-<includeonly>{{#switch: {{{1|}}} <!-- first parameter inserts a <div> with a left, right or central float -->
+<includeonly>{{#switch: {{{positie|}}} <!-- first parameter inserts a <div> with a left, right or central float -->
-| left = <div class="thumb tleft">
+| links = <div class="thumb tleft {{{class|}}}">
-| right = <div class="thumb tright">
+| rechts = <div class="thumb tright {{{class|}}}">
-| center|centre = <div class="center"><div class="thumb tnone">
+| gecentreerd = <div class="center"><div class="thumb tnone {{{class|}}}">
-| #default = <div class="thumb tright">
+| #default = <div class="thumb tright {{{class|}}}">
-}}<div class="thumbinner" style="width:{{#expr: {{{3|0}}} + {{{7|0}}} + {{{11|0}}} + 10}}px;">   <!-- calculate width based on image widths + 10px -->
+}}<div class="thumbinner" style="width:{{#expr: {{{b.1|0}}} + {{{b.2|0}}} + {{{b.3|0}}} + 10}}px;">   <!-- calculate width based on image widths + 10px -->
-{| style="background: transparent; border: 0; padding: 0; margin: 0; width:{{#expr: {{{3|0}}} + {{{5|0}}} + 4}}px;" cellspacing="0"
+{| style="background: transparent; border: 0; padding: 0; margin: 0; width:{{#expr: {{{b.1|0}}} + {{{b.2|0}}} + {{{b.3|0}}} + 4}}px;" cellspacing="0"
 |- style="vertical-align:{{{valign|middle}}};"
-| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{2}}}|{{{3}}}px|Link={{{4|}}}|alt={{{5|}}}|{{{14|}}}]]  <!-- afb. 1 -->
+| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.1}}}|{{{b.1}}}px|{{#if:{{{link.1|}}}|link={{{link.1|}}}|-}}|{{{tekst.1|}}}]]  <!-- afb. 1 -->
 | style="padding: 0; margin: 0; border: 0; width: 2px" |
-| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{6}}}|{{{7}}}px|Link={{{8|}}}|alt={{{9|}}}|{{{14|}}}]]  <!-- afb. 2 -->
+| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.2}}}|{{{b.2}}}px|{{#if:{{{link.2|}}}|link={{{link.2|}}}|-}}|{{{tekst.2|}}}]]  <!-- afb. 2 -->
 | style="padding: 0; margin: 0; border: 0; width: 2px" |
-| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{10}}}|{{{11}}}px|Link={{{12|}}}|alt={{{13|}}}|{{{14|}}}]]  <!-- afb. 3 -->
+| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.3}}}|{{{b.3}}}px|{{#if:{{{link.3|}}}|link={{{link.3|}}}|-}}|{{{tekst.3|}}}]]  <!-- afb. 3 -->
 |- style="vertical-align:top;"
-| style="padding: 0; margin: 0; border: 0;" colspan="5" | <div class="thumbcaption">{{{14|}}}</div>
+| style="padding: 0; margin: 0; border: 0;" colspan="5" | <div class="thumbcaption">{{{onderschrift|}}}</div>
 |}
 </div>
-{{#switch: {{{1|}}}   <!-- as central image float needs two divs, need to close two for center and only one for left/right -->
+{{#switch: {{{positie|}}}   <!-- as central image float needs two divs, need to close two for center and only one for left/right -->
-| center|centre = </div></div>
+| gecentreerd = </div></div>
 | </div>
 }}</includeonly><noinclude>
@@ Regel 23: / Regel 23: @@
 Dit sjabloon zorgt ervoor dat er één afbeeldingbox ontstaat, waarin drie losse afbeeldingen naast elkaar te zien zijn.
-Het sjabloon plaatst de afbeeldingen in een tabel en werkt daardoor ook op de mobiele versie van de website.
+Het sjabloon plaatst de afbeeldingen (en het onderschrift) in een tabel, dit is eigenlijk niet correct gebruik van een tabel. Het geeft echter wel een redelijk goed resultaat en wordt op Wikipedia veelvuldig gebruikt. In de desktop versie van de website is het resultaat goed, ook als de afbeeldingen naast de tekst staan. In de mobiele versie van de website is het resultaat minder goed. De abeeldingen blijven wel keurig naast elkar stan maar als er tekst naast de afbeelding staat kan deze leleijk klem komen te zitten in de schaarse ruimte naast de afbeelding. Bovendien zit er nog maar heel weinig witruimte tussen het kader afbeeldingskader en de tekst.
+'''Noot:''' Door <code>class=nomobile</code> toe te voegen wordt de gehele afbeeldingsbox weggelaten in de mobiele versie van de website.
 ==Syntaxis==
 <pre>{{Afbeelding drievoudig
-|1=left/center/right (default=right)
+|positie=      links/rechts/gecentreerd (default=rechts)
-|2=Eerste afbeelding
+|class=        Opmaakprofiel (optioneel)
-|3=Breedte eerste afbeelding
+|afb.1=        Eerste afbeelding
-|4=Link=
+|link.1=       Alternatieve link bij eerste afbeelding
-|5=Alt-tekst eerste afbeelding
+|tekst.1=      Tooltip tekst bij eerste afbeelding
-|6=Tweede afbeelding
+|b.1=          Breedte eerste afbeelding
-|7=Breedte tweede afbeelding
+|afb.2=        Tweede afbeelding
-|8=Link=
+|link.2=       Alternatieve link bij tweede afbeelding
-|9=Alt-tekst tweede afbeelding
+|tekst.2=      Tooltip tekst bij tweede afbeelding
-|10=Derde afbeelding
+|b.2=          Breedte tweede afbeelding
-|11=Breedte derde afbeelding
+|afb.3=        Derde afbeelding
-|12=Link=
+|link.3=       Alternatieve link bij derde afbeelding
-|13=Alt-tekst derde afbeelding
+|tekst.3=      Tooltip tekst bij derde afbeelding
-|14=Onderschrift
+|b.3=          Breedte derde afbeelding
+|onderschrift= Onderschrift
 }}</pre>
 ==Voorbeelden==
-===Oude template===
+===Naast tekst, minimale parameters===
-{{Weekrapporten Bestek 6/Drie afbeeldingen in een kader
+<pre>
-  | afb.1=Weekrapport No. 21.1..jpg
+{{Afbeelding drievoudig
-  | afb.2=Weekrapport No. 21.2..jpg
+|afb.1=Weekrapport No. 21.1..jpg
-  | afb.3=Weekrapport No. 21.3..jpg
+|b.1=94
-  | onderschrift=Weekrapport no. 21.}}
+|afb.2=Weekrapport No. 21.2..jpg
+|b.2=188
+|afb.3=Weekrapport No. 21.3..jpg
+|b.3=94
+|onderschrift=Weekrapport no. 21.}}
+{{Lorem ipsum}}
+{{clear}}
+</pre>
+{{Afbeelding drievoudig
+|afb.1=Weekrapport No. 21.1..jpg
+|b.1=94
+|afb.2=Weekrapport No. 21.2..jpg
+|b.2=188
+|afb.3=Weekrapport No. 21.3..jpg
+|b.3=94
+|onderschrift=Weekrapport no. 21.}}
+{{Lorem ipsum}}
 {{clear}}
-===Dit template===
+===Naast tekst, uitgebreide parameters inclusief class=nomobile===
+<pre>
 {{Afbeelding drievoudig
-|1=right
+|positie=links
-|2=Weekrapport No. 21.1..jpg
+|class=nomobile
-|3=94
+|afb.1=Weekrapport No. 21.1..jpg
-|5=Voorblad
+|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg
-|6=Weekrapport No. 21.2..jpg
+|tekst.1=Weekrapport no. 21, voorblad
-|7=188
+|b.1=75
-|9=Middenblad (dubbel)
+|afb.2=Weekrapport No. 21.2..jpg
-|10=Weekrapport No. 21.3..jpg
+|link.2=https://wiki.woudagemaal.nl/w/images/3/33/Weekrapport_No._21.2..jpg
-|11=94
+|tekst.2=Weekrapport no. 21, middenblad (dubbel)
-|13=Achterblad
+|b.2=150
-|14=Weekrapport no. 21.}}
+|afb.3=Weekrapport No. 21.3..jpg
+|link.3=https://wiki.woudagemaal.nl/w/images/d/d7/Weekrapport_No._21.3..jpg
+|tekst.3=Weekrapport no. 21, achterblad
+|b.3=75
+|onderschrift=Weekrapport no. 21.}}
+{{Lorem ipsum}}
 {{clear}}
+</pre>
+{{Afbeelding drievoudig
+|positie=links
+|class=nomobile
+|afb.1=Weekrapport No. 21.1..jpg
+|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg
+|tekst.1=Weekrapport no. 21, voorblad
+|b.1=75
+|afb.2=Weekrapport No. 21.2..jpg
+|link.2=https://wiki.woudagemaal.nl/w/images/3/33/Weekrapport_No._21.2..jpg
+|tekst.2=Weekrapport no. 21, middenblad (dubbel)
+|b.2=150
+|afb.3=Weekrapport No. 21.3..jpg
+|link.3=https://wiki.woudagemaal.nl/w/images/d/d7/Weekrapport_No._21.3..jpg
+|tekst.3=Weekrapport no. 21, achterblad
+|b.3=75
+|onderschrift=Weekrapport no. 21.}}
+{{Lorem ipsum}}
+{{clear}}
+===Gecentreerd, uitgebreide parameters===
+<pre>
+|positie=gecentreerd
+|afb.1=781-15L Paalfundeering.png
+|link.1=https://wiki.woudagemaal.nl/w/images/b/bb/781-15L_Paalfundeering.png
+|tekst.1=Blad 15: Paalfundeering, linker deel
+|b.1=142
+|afb.2=781-15M Paalfundeering.png
+|link.2=https://wiki.woudagemaal.nl/w/images/b/be/781-15M_Paalfundeering.png
+|tekst.2=Blad 15: Paalfundeering, midden deel
+|b.2=139
+|afb.3=781-15R Paalfundeering.png
+|link.3=https://wiki.woudagemaal.nl/w/images/5/5f/781-15R_Paalfundeering.png
+|tekst.3=Blad 15: Paalfundeering, rechter deel
+|b.3=142
+|onderschrift=Blad 15: Paalfundeering.}}
+</pre>
+{{Afbeelding drievoudig
+|positie=gecentreerd
+|afb.1=781-15L Paalfundeering.png
+|link.1=https://wiki.woudagemaal.nl/w/images/b/bb/781-15L_Paalfundeering.png
+|tekst.1=Blad 15: Paalfundeering, linker deel
+|b.1=142
+|afb.2=781-15M Paalfundeering.png
+|link.2=https://wiki.woudagemaal.nl/w/images/b/be/781-15M_Paalfundeering.png
+|tekst.2=Blad 15: Paalfundeering, midden deel
+|b.2=139
+|afb.3=781-15R Paalfundeering.png
+|link.3=https://wiki.woudagemaal.nl/w/images/5/5f/781-15R_Paalfundeering.png
+|tekst.3=Blad 15: Paalfundeering, rechter deel
+|b.3=142
+|onderschrift=Blad 15: Paalfundeering.}}
+==Zie ook==
+* [[Sjabloon:Afbeelding dubbel]], zet twee afbeeldingen naast elkaar in één afbeeldingbox
 ==Bronnen==
 Het concept van dit sjabloon is overgenomen van de Nederlandstalige Wikipedia, https://nl.wikipedia.org/wiki/Sjabloon:Dubbele_afbeelding
-Het is geen exacte kopie, voor deze wiki is de beschrijving en voorbeelden van het sjabloon aangepast.
+Het is geen exacte kopie, voor deze wiki is het sjabloon aangepast zodat er drie (i.p.v. twee) afbeeldingen in één kader komen. Daarnaast zijn er nog andere aanpassingen aan het sjabloon gedaan.
 [[Categorie:Sjablonen opmaak]]
 </noinclude>