« Modèle:Gallery » : différence entre les versions
De Guide de l'Installation Electrique
(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"> | ||
{{#switch: {{{4|}}} | |||
| 2 = <!-- | |||
--><tr><!-- | --><tr><!-- | ||
---->{{#if: {{{ | ---->{{#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: {{{ | ---->{{#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>|}}<!-- | ||
--></tr><!-- | --></tr><!-- | ||
--><tr><!-- | --><tr><!-- | ||
---->{{#if: {{{ | ---->{{#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: | ---->{{#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: | --></tr><!-- | ||
---->{{#if: {{{26|}}}|<td class="EIG-gallery-text" style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width: | -->{{#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> | <fig-num> is like: A11, B42a ... | ||
<fig-title> | <fig-title> is like: Application of the diversity factor (ks) to an apartment block of 5 storeys | ||
<widths> | <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)