Persoonlijke instellingen

Sjabloon:Afbeelding 2 naast elkaar: verschil tussen versies

Uit BeneluxSpoor.net - Encyclopedie
Ga naar: navigatie, zoeken
k (→‎Gebruik)
k
 
(21 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
−
<!-- Sjabloon voor het plaatsen van twee afbeeldingen naast elkaar. Gemaakt door Ronald. Aangepast door Fred 23-8-2012 -->
+
<!-- Sjabloon voor het plaatsen van twee afbeeldingen naast elkaar. Gemaakt door Ronald. Aangepast door Fred 3-11-2012 -->
 
<includeonly>{| border="0" {{#ifeq: {{{Positie|}}} | Rechts | style="float:right; margin-left: 3em;" | {{#ifeq: {{{Positie|}}} | Links | style="float:left; margin-right: 3em;" |}} }}
 
<includeonly>{| border="0" {{#ifeq: {{{Positie|}}} | Rechts | style="float:right; margin-left: 3em;" | {{#ifeq: {{{Positie|}}} | Links | style="float:left; margin-right: 3em;" |}} }}
 
|- valign="bottom"
 
|- valign="bottom"
Regel 9: Regel 9:
 
  | Zeer groot= 500px]]
 
  | Zeer groot= 500px]]
 
  | {{{Grootte}}}]]
 
  | {{{Grootte}}}]]
−
}}
+
}}  
−
| style="width:{{{Tussenruimte|}}}"|
+
| style="width:{{{Tussenruimte|}}}"|  
 
| [[Bestand:{{{Bestand2}}}|{{#switch: {{{Grootte2|}}}
 
| [[Bestand:{{{Bestand2}}}|{{#switch: {{{Grootte2|}}}
 
  | Zeer klein= 200px]]
 
  | Zeer klein= 200px]]
Regel 34: Regel 34:
 
  | Tabel= ''Tabel gemaakt door: {{{Maker}}}''
 
  | Tabel= ''Tabel gemaakt door: {{{Maker}}}''
 
  | ''Foto gemaakt door: {{{Maker}}}''
 
  | ''Foto gemaakt door: {{{Maker}}}''
−
  }}
+
  }}  
−
}}
+
}}  
 
|
 
|
 
{{#if: {{{Maker2|}}} | {{!}}style="text-align:left; font-size: 80%;"{{!}} {{#switch: {{{Type2|}}}
 
{{#if: {{{Maker2|}}} | {{!}}style="text-align:left; font-size: 80%;"{{!}} {{#switch: {{{Type2|}}}
Regel 55: Regel 55:
 
  }}
 
  }}
 
}}
 
}}
−
}}
+
}}  
 
}}
 
}}
 
|}</includeonly><noinclude>
 
|}</includeonly><noinclude>
−
__NOTOC__
+
 
−
== Doel==
+
;Doel
 
Het op eenvoudige wijze invoegen van twee afbeeldingen naast elkaar.
 
Het op eenvoudige wijze invoegen van twee afbeeldingen naast elkaar.
  
  
 
;Functie
 
;Functie
−
Met dit sjabloon plaatst u een afbeelding in een artikel in het gewenste formaat en de juiste onderschriften
+
Met dit sjabloon plaatst u een afbeelding in een artikel in het gewenste formaat en met de juiste onderschriften.
  
  
Regel 72: Regel 72:
  
 
:;Bron
 
:;Bron
−
: Bij het gebruik van deze variabele wordt de tekst '''Foto gemaakt door:''' vervangen '''Bron:'''
+
: Bij het gebruik van deze variabele wordt de tekst '''Foto gemaakt door:''' vervangen '''Bron:'''.
  
  
 
:;Type
 
:;Type
−
: Met deze parameter geeft u aan van welk type de afbeelding is. U kunt kiezen uit
+
: Met deze parameter geeft u aan van welk type de afbeelding is. U kunt kiezen uit:
 +
 
 +
 
 
:{| class="wikitable"
 
:{| class="wikitable"
 
! Tekst parameter
 
! Tekst parameter
Regel 97: Regel 99:
 
| Tabel gemaakt door:
 
| Tabel gemaakt door:
 
|}
 
|}
 +
 +
(bij een foto hoeft 'Type' niet gebruikt te worden. Dat wordt door de sjabloon automatisch geregeld}.
 +
  
 
:;Grootte
 
:;Grootte
−
: Met deze parameter geeft u aan van hoe groot de afbeelding getoond moet worden. U kunt standaardwaarden ingeven of handmatig met een aantal pixels (bijv. 250px)
+
: Met deze parameter geeft u aan van hoe groot de afbeelding getoond moet worden. U kunt standaardwaarden ingeven of handmatig met een aantal pixels (bijv. 250px).
 +
 
 +
 
 
:{| class="wikitable"
 
:{| class="wikitable"
 
! Tekst parameter
 
! Tekst parameter
−
! Afbeeldings groote op scherm
+
! Afbeeldingsgroote op het scherm
 
|-
 
|-
 
|
 
|
Regel 124: Regel 131:
 
| 500x500px
 
| 500x500px
 
|}
 
|}
 +
 +
 
:;Positie
 
:;Positie
−
: Met deze variabele kunt u de positie van de afbeelding bepalen. Standaard staat een afbeelding links en heeft geen tekst naast zich. Wilt u nu een afbeelding rechts hebben staan en tekst er naast dan geeft u positie op. Dat zelfde geldt voor links en tekst er naast.
+
: Met deze variabele kunt u de positie van de afbeelding bepalen. Standaard staat een afbeelding links, en heeft geen tekst naast zich. Wilt u nu een afbeelding rechts hebben staan en tekst er naast, dan geeft u positie op. Het zelfde geldt voor links en tekst er naast.
 
<br />
 
<br />
 
;Overzicht parameters
 
;Overzicht parameters
Regel 131: Regel 140:
 
! Variabel
 
! Variabel
 
! Omschrijving
 
! Omschrijving
−
! Default / wat?
+
! Default/wat?
−
! Verplicht / optioneel
+
! Verplicht/optioneel
 
! Opmerkingen
 
! Opmerkingen
 
|-
 
|-
 
| '''Bestand='''
 
| '''Bestand='''
−
| Welk bestand moet ingevoegd worden.
+
| Welk bestand moet ingevoegd worden?
 
| Alleen bestandsnaam invoegen
 
| Alleen bestandsnaam invoegen
 
| '''Verplicht'''
 
| '''Verplicht'''
Regel 142: Regel 151:
 
|-
 
|-
 
| '''Grootte='''
 
| '''Grootte='''
−
| Hoe groot moet de afbeelding zijn
+
| Hoe groot moet de afbeelding zijn?
 
| aantal pixels
 
| aantal pixels
 
| '''Verplicht'''
 
| '''Verplicht'''
−
| Zie het kopje functie en gedrag.
+
| Zie het kopje functie en gedrag
 
|-
 
|-
 
| '''Volgnummer='''
 
| '''Volgnummer='''
Regel 154: Regel 163:
 
|-
 
|-
 
| '''Omschrijving='''
 
| '''Omschrijving='''
−
| Wat staat er op de afbeelding
+
| Wat staat er op de afbeelding?
 
|  
 
|  
 
| '''Verplicht'''
 
| '''Verplicht'''
Regel 160: Regel 169:
 
|-
 
|-
 
| '''Maker='''
 
| '''Maker='''
−
| Wie heeft de afbeelding gemaakt
+
| Wie heeft de afbeelding gemaakt?
 
| Alleen de naam invullen
 
| Alleen de naam invullen
 
| '''Optioneel'''
 
| '''Optioneel'''
Regel 166: Regel 175:
 
|-
 
|-
 
| '''Bron='''
 
| '''Bron='''
−
| Waar komt de foto vandaan
+
| Waar komt de foto vandaan?
 
| Alleen de bron invullen
 
| Alleen de bron invullen
 
| '''Optioneel'''
 
| '''Optioneel'''
Regel 172: Regel 181:
 
|-
 
|-
 
| '''Positie='''
 
| '''Positie='''
−
| Waar moet de afbeelding staan
+
| Waar moet de afbeelding staan?
 
| Links of Rechts
 
| Links of Rechts
 
| '''Optioneel'''
 
| '''Optioneel'''
−
| Standaard is altijd links.
+
| Standaard hoeft u deze parameter niet te gebruiken, en staan de afbeeldingen links
 
|-
 
|-
 
| '''Type='''
 
| '''Type='''
 
| Wat is het?
 
| Wat is het?
−
| Standaard is foto.
+
| Standaard is foto
 
| '''Optioneel'''
 
| '''Optioneel'''
−
| Foto, Tekening, Schema of Tabel
+
| Foto, Tekening, Schema of Tabel. Standaard hoeft u de parameter 'Type' bij een foto niet te gebruiken
 
|}
 
|}
  
  
 
;Voorbeeld tekst
 
;Voorbeeld tekst
−
De onderstaande tekst moet u opnemen in de pagina: U begint altijd met <pre>{{Afbeelding</pre> en daar tussen de variabelen onder elkaar en eindigen met<pre>}}</pre>
+
De onderstaande tekst moet u opnemen in de pagina: U begint altijd met <pre>{{Afbeelding Afbeelding 2 naast elkaar</pre> en daartussen plaatst u de variabelen onder elkaar, en eindigt u met<pre>}}</pre>
  
−
Voorbeeld van afbeeldingen
+
Voorbeeld van twee afbeeldingen
 
<pre>
 
<pre>
−
{{Afbeelding
+
{{Afbeelding 2 naast elkaar
−
|Bestand= ArsTECNICA_Anlage1.jpg
+
|Bestand= Bankschroef_Conrad823018-01.jpg
−
|Grootte= 400px
+
|Bestand2= Centerpons_Conrad827138-01.jpg
−
|Volgnummer= 00.00-01
+
|Grootte= Klein
−
|Omschrijving= Modelspoorbaan van Ars Tecnica
+
|Grootte2= Klein
−
|Bron= Wikimedia Commons
+
|Volgnummer= 04
−
|Positie=Rechts
+
|Volgnummer2= 05
 +
|Omschrijving= Bankschroefje
 +
|Omschrijving2= Centerpons
 +
|Maker= Conrad
 +
|Maker2= Conrad
 
}}
 
}}
 
</pre>
 
</pre>
−
<br />
 
  
−
Voor de tweede afbeelding gebruikt u dezelfde parameters, maar dan gevolgd door een 2. Bijv. '|Grootte2= Klein' etc.
 
  
−
; Meerdere afbeeldingen naast elkaar
+
Voor de tweede afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. '|Grootte2= Klein' etc.
−
Wilt u nog meer afbeeldingen naast elkaar zetten, dan kunt u de sjablonen; '''Afbeelding 3 naast elkaar''', '''Afbeelding 4 naast elkaar''', gebruiken.
 
  
  
−
=== Nieuwe parameter toegevoegd ===
+
;Nieuwe parameter toegevoegd
 
Met parameter 'Tussenruimte' kan nu op eenvoudige wijze de afstand tussen twee afbeeldingen ingesteld worden (in het artikel).
 
Met parameter 'Tussenruimte' kan nu op eenvoudige wijze de afstand tussen twee afbeeldingen ingesteld worden (in het artikel).
 
De waarde van de parameter kan zowel een relatieve tussenruimte (bijvoorbeeld ''9%'') als een absolute tussenruimte (bijvoorbeeld ''8px'') zijn.
 
De waarde van de parameter kan zowel een relatieve tussenruimte (bijvoorbeeld ''9%'') als een absolute tussenruimte (bijvoorbeeld ''8px'') zijn.
Regel 213: Regel 223:
  
  
−
=== Het waarom van de wijziging ===
+
;Het waarom van de wijziging
  
 
In het verleden kwam het wel eens voor dat twee afbeeldingen te dicht op elkaar stonden. Dit was 'op te lossen' met een work-around, n.l. door een aantal spaties aan de 'ondertiteling' toe te voegen, zoals hieronder aangeven.
 
In het verleden kwam het wel eens voor dat twee afbeeldingen te dicht op elkaar stonden. Dit was 'op te lossen' met een work-around, n.l. door een aantal spaties aan de 'ondertiteling' toe te voegen, zoals hieronder aangeven.
Regel 229: Regel 239:
 
|Maker= Conrad
 
|Maker= Conrad
 
|Maker2= Conrad  
 
|Maker2= Conrad  
−
|Tussenruimte= 25px
 
 
}}
 
}}
 
</pre>
 
</pre>
Regel 236: Regel 245:
 
Door het tussenvoegen van een lege kolom, die 'van buitenaf' d.m.v. een parameter in breedte instelbaar is, kunnen de afbeeldingen nu op zeer eenvoudige wijze naar wens verder uit elkaar geplaatst worden.
 
Door het tussenvoegen van een lege kolom, die 'van buitenaf' d.m.v. een parameter in breedte instelbaar is, kunnen de afbeeldingen nu op zeer eenvoudige wijze naar wens verder uit elkaar geplaatst worden.
  
−
=== Gebruik ===
+
;Gebruik
  
 
<pre>|Tussenruimte= 25px</pre> of <pre>|Tussenruimte= 5%</pre>
 
<pre>|Tussenruimte= 25px</pre> of <pre>|Tussenruimte= 5%</pre>
  
  
−
Voorbeeld van de Wikicode welke het sjabloon 'Afbeelding 2 naast elkaar' aanroept:
+
Voorbeeld van de Wikicode die het sjabloon 'Afbeelding 2 naast elkaar' aanroept met extra tussenruimte:
  
 
<pre>  
 
<pre>  
Regel 276: Regel 285:
 
}}
 
}}
 
</pre>
 
</pre>
 +
 +
 +
; Meer dan twee afbeeldingen naast elkaar
 +
Wilt u nog meer afbeeldingen naast elkaar zetten, dan kunt u de sjablonen; '''Afbeelding 3 naast elkaar''' of  '''Afbeelding 4 naast elkaar''' gebruiken.
 
[[Categorie:Sjablonen categorie|A]]</noinclude>
 
[[Categorie:Sjablonen categorie|A]]</noinclude>

Huidige versie van 18 okt 2016 om 17:55


Doel

Het op eenvoudige wijze invoegen van twee afbeeldingen naast elkaar.


Functie

Met dit sjabloon plaatst u een afbeelding in een artikel in het gewenste formaat en met de juiste onderschriften.


Bijzonderheden en gedrag

Bij het invoegen moet u een aantal verplichte variabelen aangeven.


Bron
Bij het gebruik van deze variabele wordt de tekst Foto gemaakt door: vervangen Bron:.


Type
Met deze parameter geeft u aan van welk type de afbeelding is. U kunt kiezen uit:


Tekst parameter Tekst onder afbeelding:
  • Foto
 Foto gemaakt door:
  • Tekening
 Tekening gemaakt door:
  • Schema
 Schema gemaakt door:
  • Tabel
 Tabel gemaakt door:

(bij een foto hoeft 'Type' niet gebruikt te worden. Dat wordt door de sjabloon automatisch geregeld}.


Grootte
Met deze parameter geeft u aan van hoe groot de afbeelding getoond moet worden. U kunt standaardwaarden ingeven of handmatig met een aantal pixels (bijv. 250px).


Tekst parameter Afbeeldingsgroote op het scherm
  • Zeer klein
 200x200px
  • Klein
 300x300px
  • Normaal
 400x400px
  • Groot
 450x450px
  • Zeer groot
 500x500px


Positie
Met deze variabele kunt u de positie van de afbeelding bepalen. Standaard staat een afbeelding links, en heeft geen tekst naast zich. Wilt u nu een afbeelding rechts hebben staan en tekst er naast, dan geeft u positie op. Het zelfde geldt voor links en tekst er naast.


Overzicht parameters
Variabel Omschrijving Default/wat? Verplicht/optioneel Opmerkingen
Bestand= Welk bestand moet ingevoegd worden? Alleen bestandsnaam invoegen Verplicht bestandsnaam met extensie en exact (denk aan hoofdletters en kleine letters)
Grootte= Hoe groot moet de afbeelding zijn? aantal pixels Verplicht Zie het kopje functie en gedrag
Volgnummer= Het volgnummer van de afbeelding in de tekst Het volgnummer moet uniek en opeenvolgend zijn Verplicht
Omschrijving= Wat staat er op de afbeelding? Verplicht
Maker= Wie heeft de afbeelding gemaakt? Alleen de naam invullen Optioneel Niet in combinatie met Bron, alleen Maker of bron
Bron= Waar komt de foto vandaan? Alleen de bron invullen Optioneel Niet in combinatie met Maker, alleen Maker of bron
Positie= Waar moet de afbeelding staan? Links of Rechts Optioneel Standaard hoeft u deze parameter niet te gebruiken, en staan de afbeeldingen links
Type= Wat is het? Standaard is foto Optioneel Foto, Tekening, Schema of Tabel. Standaard hoeft u de parameter 'Type' bij een foto niet te gebruiken


Voorbeeld tekst
De onderstaande tekst moet u opnemen in de pagina: U begint altijd met 
{{Afbeelding Afbeelding 2 naast elkaar
en daartussen plaatst u de variabelen onder elkaar, en eindigt u met
}}

Voorbeeld van twee afbeeldingen 

{{Afbeelding 2 naast elkaar 
|Bestand= Bankschroef_Conrad823018-01.jpg
|Bestand2= Centerpons_Conrad827138-01.jpg
|Grootte= Klein 
|Grootte2= Klein 
|Volgnummer= 04 
|Volgnummer2= 05
|Omschrijving= Bankschroefje 
|Omschrijving2= Centerpons 
|Maker= Conrad
|Maker2= Conrad 
}}


Voor de tweede afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. '|Grootte2= Klein' etc.


Nieuwe parameter toegevoegd

Met parameter 'Tussenruimte' kan nu op eenvoudige wijze de afstand tussen twee afbeeldingen ingesteld worden (in het artikel). De waarde van de parameter kan zowel een relatieve tussenruimte (bijvoorbeeld 9%) als een absolute tussenruimte (bijvoorbeeld 8px) zijn. Indien de parameter 'Tussenruimte' niet gebruikt wordt is de tussenruimte 0px.


Het waarom van de wijziging

In het verleden kwam het wel eens voor dat twee afbeeldingen te dicht op elkaar stonden. Dit was 'op te lossen' met een work-around, n.l. door een aantal spaties aan de 'ondertiteling' toe te voegen, zoals hieronder aangeven. 

{{Afbeelding 2 naast elkaar 
|Bestand= Bankschroef_Conrad823018-01.jpg
|Bestand2= Centerpons_Conrad827138-01.jpg
|Grootte= Klein 
|Grootte2= Klein 
|Volgnummer= 04 
|Volgnummer2= 05
|Omschrijving= Bankschroefje &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
|Omschrijving2= Centerpons 
|Maker= Conrad
|Maker2= Conrad 
}}

Deze work-around kreeg natuurlijk niet de schoonheidsprijs. Vandaar deze technische oplossing.
Door het tussenvoegen van een lege kolom, die 'van buitenaf' d.m.v. een parameter in breedte instelbaar is, kunnen de afbeeldingen nu op zeer eenvoudige wijze naar wens verder uit elkaar geplaatst worden.

Gebruik
|Tussenruimte= 25px
of 
|Tussenruimte= 5%


Voorbeeld van de Wikicode die het sjabloon 'Afbeelding 2 naast elkaar' aanroept met extra tussenruimte: 

 
{{Afbeelding 2 naast elkaar 
|Bestand= Bankschroef_Conrad823018-01.jpg
|Bestand2= Centerpons_Conrad827138-01.jpg
|Grootte= Klein 
|Grootte2= Klein 
|Volgnummer= 04 
|Volgnummer2= 05
|Omschrijving= Bankschroefje 
|Omschrijving2= Centerpons 
|Maker= Conrad
|Maker2= Conrad 
|Tussenruimte= 25px
}}


Indien geen extra tussenruimte benodigd is, laat u |Tussenruimte= (waarde) weg, zoals hieronder aangegeven is: 

 
{{Afbeelding 2 naast elkaar 
|Bestand= Bankschroef_Conrad823018-01.jpg
|Bestand2= Centerpons_Conrad827138-01.jpg
|Grootte= Klein 
|Grootte2= Klein 
|Volgnummer= 04 
|Volgnummer2= 05
|Omschrijving= Bankschroefje 
|Omschrijving2= Centerpons 
|Maker= Conrad
|Maker2= Conrad 
}}


Meer dan twee afbeeldingen naast elkaar

Wilt u nog meer afbeeldingen naast elkaar zetten, dan kunt u de sjablonen; Afbeelding 3 naast elkaar of Afbeelding 4 naast elkaar gebruiken.

Overgenomen van "https://encyclopedie.beneluxspoor.net/index.php?title=Sjabloon:Afbeelding_2_naast_elkaar&oldid=42665"