« Modèle:Gallery » : différence entre les versions

De Guide de l'Installation Electrique
Aller à :navigation, rechercher
(correction of mistake)
(added possibility to tell number of images per row (4th parameter))
Ligne 1 : Ligne 1 :
<table class="table_noCSS EIG_gallery">
<table class="table_noCSS EIG_gallery">
<tr><!--
{{#switch: {{{4|}}}
-->{{#if: {{{5|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">[[File:{{{5|}}}]]</td>|}}<!--
| 2 = <!--
-->{{#if: {{{8|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{8|}}}]]</td>|}}<!--
-->{{#if: {{{11|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{11|}}}]]</td>|}}<!--
-->{{#if: {{{14|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{14|}}}]]</td>|}}
</tr>
<tr><!--
-->{{#if: {{{5|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{6|}}}|'''[{{{6|}}}] '''|}}{{{7|}}}</td>|}}<!--
-->{{#if: {{{8|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{9|}}}|'''[{{{9|}}}] '''|}}{{{10|}}}</td>|}}<!--
-->{{#if: {{{11|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{12|}}}|'''[{{{12|}}}] '''|}}{{{13|}}}</td>|}}<!--
-->{{#if: {{{14|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{15|}}}|'''[{{{15|}}}] '''|}}{{{16|}}}</td>|}}
</tr>
{{#if: {{{17|}}}|<!--
--><tr><!--
--><tr><!--
---->{{#if: {{{17|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{17|}}}]]</td>|}}<!--
---->{{#if: {{{5|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">[[File:{{{5|}}}]]</td>|}}<!--
---->{{#if: {{{20|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{20|}}}]]</td>|}}<!--
---->{{#if: {{{8|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{8|}}}]]</td>|}}<!--
---->{{#if: {{{23|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{23|}}}]]</td>|}}<!--
---->{{#if: {{{26|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{26|}}}]]</td>|}}<!--
--></tr><!--
--></tr><!--
--><tr><!--
--><tr><!--
---->{{#if: {{{17|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{18|}}}|'''[{{{18|}}}] '''|}}{{{19|}}}</td>|}}<!--
---->{{#if: {{{5|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{6|}}}|'''[{{{6|}}}] '''|}}{{{7|}}}</td>|}}<!--
---->{{#if: {{{20|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{21|}}}|'''[{{{21|}}}] '''|}}{{{22|}}}</td>|}}<!--
---->{{#if: {{{8|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{9|}}}|'''[{{{9|}}}] '''|}}{{{10|}}}</td>|}}<!--
---->{{#if: {{{23|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{24|}}}|'''[{{{24|}}}] '''|}}{{{25|}}}</td>|}}<!--
--></tr><!--
---->{{#if: {{{26|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{27|}}}|'''[{{{27|}}}] '''|}}{{{28|}}}</td>|}}<!--
-->{{#if: {{{11|}}}|<!--
--></tr>|}}
----><tr><!--
------>{{#if: {{{11|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{11|}}}]]</td>|}}<!--
------>{{#if: {{{14|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{14|}}}]]</td>|}}<!--
----></tr><!--
----><tr><!--
------>{{#if: {{{11|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{12|}}}|'''[{{{12|}}}] '''|}}{{{13|}}}</td>|}}<!--
------>{{#if: {{{14|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{15|}}}|'''[{{{15|}}}] '''|}}{{{16|}}}</td>|}}<!--
----></tr>|}}<!--
-->{{#if: {{{17|}}}|<!--
----><tr><!--
------>{{#if: {{{17|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{17|}}}]]</td>|}}<!--
------>{{#if: {{{20|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{20|}}}]]</td>|}}<!--
----></tr><!--
----><tr><!--
------>{{#if: {{{17|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{18|}}}|'''[{{{18|}}}] '''|}}{{{19|}}}</td>|}}<!--
------>{{#if: {{{20|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{21|}}}|'''[{{{21|}}}] '''|}}{{{22|}}}</td>|}}<!--
----></tr>|}}<!--
-->{{#if: {{{23|}}}|<!--
----><tr><!--
------>{{#if: {{{23|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{23|}}}]]</td>|}}<!--
------>{{#if: {{{26|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{26|}}}]]</td>|}}<!--
----></tr><!--
----><tr><!--
------>{{#if: {{{23|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{24|}}}|'''[{{{24|}}}] '''|}}{{{25|}}}</td>|}}<!--
------>{{#if: {{{26|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{27|}}}|'''[{{{27|}}}] '''|}}{{{28|}}}</td>|}}<!--
----></tr>|}}
| 3 = <!--
--><tr><!--
---->{{#if: {{{5|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">[[File:{{{5|}}}]]</td>|}}<!--
---->{{#if: {{{8|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{8|}}}]]</td>|}}<!--
---->{{#if: {{{11|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{11|}}}]]</td>|}}<!--
--></tr><!--
--><tr><!--
---->{{#if: {{{5|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{6|}}}|'''[{{{6|}}}] '''|}}{{{7|}}}</td>|}}<!--
---->{{#if: {{{8|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{9|}}}|'''[{{{9|}}}] '''|}}{{{10|}}}</td>|}}<!--
---->{{#if: {{{11|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{12|}}}|'''[{{{12|}}}] '''|}}{{{13|}}}</td>|}}<!--
--></tr><!--
-->{{#if: {{{14|}}}|<!--
----><tr><!--
------>{{#if: {{{14|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{14|}}}]]</td>|}}<!--
------>{{#if: {{{17|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{17|}}}]]</td>|}}<!--
------>{{#if: {{{20|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{20|}}}]]</td>|}}<!--
----></tr><!--
----><tr><!--
------>{{#if: {{{14|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{15|}}}|'''[{{{15|}}}] '''|}}{{{16|}}}</td>|}}<!--
------>{{#if: {{{17|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{18|}}}|'''[{{{18|}}}] '''|}}{{{19|}}}</td>|}}<!--
------>{{#if: {{{20|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{21|}}}|'''[{{{21|}}}] '''|}}{{{22|}}}</td>|}}<!--
----></tr>|}}<!--
-->{{#if: {{{23|}}}|<!--
----><tr><!--
------>{{#if: {{{23|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{23|}}}]]</td>|}}<!--
------>{{#if: {{{26|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{26|}}}]]</td>|}}<!--
------>{{#if: {{{29|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{29|}}}]]</td>|}}<!--
----></tr><!--
----><tr><!--
------>{{#if: {{{23|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{24|}}}|'''[{{{24|}}}] '''|}}{{{25|}}}</td>|}}<!--
------>{{#if: {{{26|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{27|}}}|'''[{{{27|}}}] '''|}}{{{28|}}}</td>|}}<!--
------>{{#if: {{{29|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{30|}}}|'''[{{{30|}}}] '''|}}{{{31|}}}</td>|}}<!--
----></tr>|}}
| <!--
--><tr><!--
---->{{#if: {{{5|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">[[File:{{{5|}}}]]</td>|}}<!--
---->{{#if: {{{8|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{8|}}}]]</td>|}}<!--
---->{{#if: {{{11|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{11|}}}]]</td>|}}<!--
---->{{#if: {{{14|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{14|}}}]]</td>|}}<!--
--></tr><!--
--><tr><!--
---->{{#if: {{{5|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{6|}}}|'''[{{{6|}}}] '''|}}{{{7|}}}</td>|}}<!--
---->{{#if: {{{8|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{9|}}}|'''[{{{9|}}}] '''|}}{{{10|}}}</td>|}}<!--
---->{{#if: {{{11|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{12|}}}|'''[{{{12|}}}] '''|}}{{{13|}}}</td>|}}<!--
---->{{#if: {{{14|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{15|}}}|'''[{{{15|}}}] '''|}}{{{16|}}}</td>|}}<!--
--></tr><!--
-->{{#if: {{{17|}}}|<!--
----><tr><!--
------>{{#if: {{{17|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{17|}}}]]</td>|}}<!--
------>{{#if: {{{20|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{20|}}}]]</td>|}}<!--
------>{{#if: {{{23|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{23|}}}]]</td>|}}<!--
------>{{#if: {{{26|}}}|<td class="EIG-gallery-image" style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};"> [[File:{{{26|}}}]]</td>|}}<!--
----></tr><!--
----><tr><!--
------>{{#if: {{{17|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{18|}}}|'''[{{{18|}}}] '''|}}{{{19|}}}</td>|}}<!--
------>{{#if: {{{20|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{21|}}}|'''[{{{21|}}}] '''|}}{{{22|}}}</td>|}}<!--
------>{{#if: {{{23|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{24|}}}|'''[{{{24|}}}] '''|}}{{{25|}}}</td>|}}<!--
------>{{#if: {{{26|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:150px}};">{{#if: {{{27|}}}|'''[{{{27|}}}] '''|}}{{{28|}}}</td>|}}<!--
----></tr>|}}
}}
</table>
</table>
{{FigTitle|{{{1|}}}|{{{2|}}}}}<noinclude>
{{FigTitle|{{{1|}}}|{{{2|}}}}}<noinclude>
Ligne 40 : Ligne 112 :


<pre>
<pre>
{{ Gallery | <1=fig-num> | <2=fig-title> |<3=widths>|
{{ Gallery | <1=fig-num> | <2=fig-title> |<3=widths>|<4=images per row>
|<5=image-filename-1> | <6=image-letter-1> |  <7=image-title-1>
|<5=image-filename-1> | <6=image-letter-1> |  <7=image-title-1>
|<8=image-filename-2> | <9=image-letter-2> |  <10=image-title-2>
|<8=image-filename-2> | <9=image-letter-2> |  <10=image-title-2>
Ligne 49 : Ligne 121 :


Where the global gallery parameters are:
Where the global gallery parameters are:
  <fig-num>       is like:  A11, B42a ...
  <fig-num>           is like:  A11, B42a ...
  <fig-title>     is like:  Application of the diversity factor (ks) to an apartment block of 5 storeys
  <fig-title>         is like:  Application of the diversity factor (ks) to an apartment block of 5 storeys
  <widths>         is like:  220px  (the common width applied to all gallery "cells", should be bigger than the largest image in the gallery)
  <widths>           is like:  220px  (the common width applied to all gallery "cells", should be bigger than the largest image in the gallery)
<4=images per row>  is like:  3  (default value if parameter not provided = 4)


and then for each image in the gallery (max. 5):
and then for each image in the gallery (max. 5):
Ligne 57 : Ligne 130 :
  <image-letter>  is like:  a  (it will be enclosed in squared brackets, like [a], and highlighted eg bold)
  <image-letter>  is like:  a  (it will be enclosed in squared brackets, like [a], and highlighted eg bold)
  <image-title>    is like:  this is the title related to this image
  <image-title>    is like:  this is the title related to this image
NOTA: the template includes "hardcoded" styling because it also includes/manages the width of cells ==>  not possible to put styling in CSS  (no solution found after quick check)


</noinclude>
</noinclude>

Version du 27 juillet 2016 à 08:26


Description

This template is used to create a gallery of up to 5 images on one row

Syntax:

{{ Gallery | <1=fig-num> | <2=fig-title> |<3=widths>|<4=images per row>
|<5=image-filename-1> | <6=image-letter-1> |  <7=image-title-1>
|<8=image-filename-2> | <9=image-letter-2> |  <10=image-title-2>
...
|<17=image-filename-5> | <18=image-letter-5> |  <19=image-title-5> }}


Where the global gallery parameters are:

<fig-num>           is like:   A11, B42a ...
<fig-title>         is like:   Application of the diversity factor (ks) to an apartment block of 5 storeys
<widths>            is like:   220px   (the common width applied to all gallery "cells", should be bigger than the largest image in the gallery)
<4=images per row>  is like:   3   (default value if parameter not provided = 4)

and then for each image in the gallery (max. 5):

<image-filename> is like:   DB422001.svg   (= image file name WITH the file extension)
<image-letter>   is like:   a   (it will be enclosed in squared brackets, like [a], and highlighted eg bold)
<image-title>    is like:   this is the title related to this image


NOTA: the template includes "hardcoded" styling because it also includes/manages the width of cells ==> not possible to put styling in CSS (no solution found after quick check)