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

De Guide de l'Installation Electrique
Aller à :navigation, rechercher
(modified vertical spacing between image and text below (border-spacing))
m (1 révision importée : importer pages, templates etc de PPR-FR (X1))
 
(20 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
<table class="table_noCSS EIG_gallery" style="border-spacing: 10px 5px;">
<div class="EIG-gallery">
<tr>
{{GalleryTitle|{{{1|}}}|{{{2|}}}}}
{{#if: {{{5|}}}|<td style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">[[File:{{{5|}}}]]</td>|}}
{{#tag:gallery|
{{#if: {{{8|}}}|<td style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{8|}}}]]</td>|}}
{{#if:{{{5|}}}   |{{GalleryImage|{{{5|}}}|{{{6|}}}|{{{7|}}} }} }}
{{#if: {{{11|}}}|<td style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{11|}}}]]</td>|}}
{{#if:{{{8|}}}   |{{GalleryImage|{{{8|}}}|{{{9|}}}|{{{10|}}} }} }}
{{#if: {{{14|}}}|<td style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{14|}}}]]</td>|}}
{{#if:{{{11|}}} |{{GalleryImage|{{{11|}}}|{{{12|}}}|{{{13|}}} }} }}
{{#if: {{{17|}}}|<td style="padding: 10px; border: 1px solid #ccc; vertical-align:middle; text-align:center; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};"> [[File:{{{17|}}}]]</td>|}}
{{#if:{{{14|}}} |{{GalleryImage|{{{14|}}}|{{{15|}}}|{{{16|}}} }} }}
</tr>
{{#if:{{{17|}}} |{{GalleryImage|{{{17|}}}|{{{18|}}}|{{{19|}}} }} }}
<tr>
{{#if:{{{20|}}} |{{GalleryImage|{{{20|}}}|{{{21|}}}|{{{22|}}} }} }}
{{#if: {{{5|}}}|<td style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{6|}}}|'''[{{{6|}}}] '''|}}{{{7|}}}</td>|}}
{{#if:{{{23|}}} |{{GalleryImage|{{{23|}}}|{{{24|}}}|{{{25|}}} }} }}
{{#if: {{{8|}}}|<td style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{9|}}}|'''[{{{9|}}}] '''|}}{{{10|}}}</td>|}}
{{#if:{{{26|}}} |{{GalleryImage|{{{26|}}}|{{{27|}}}|{{{28|}}} }} }}
{{#if: {{{11|}}}|<td style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{12|}}}|'''[{{{12|}}}] '''|}}{{{13|}}}</td>|}}
{{#if:{{{29|}}} |{{GalleryImage|{{{29|}}}|{{{30|}}}|{{{31|}}} }} }}
{{#if: {{{14|}}}|<td style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{15|}}}|'''[{{{15|}}}] '''|}}{{{16|}}}</td>|}}
{{#if:{{{32|}}} |{{GalleryImage|{{{32|}}}|{{{33|}}}|{{{34|}}} }} }}
{{#if: {{{17|}}}|<td style="padding: 0 4px; {{#if: {{{3|}}}|width:{{{3}}}|width:200px}};">{{#if: {{{18|}}}|'''[{{{18|}}}] '''|}}{{{19|}}}</td>|}}
{{#if:{{{35|}}} |{{GalleryImage|{{{35|}}}|{{{36|}}}|{{{37|}}} }} }}
</tr></table>
{{#if:{{{38|}}} |{{GalleryImage|{{{38|}}}|{{{39|}}}|{{{40|}}} }} }}
{{FigTitle|{{{1|}}}|{{{2|}}}}}<noinclude>
{{#if:{{{41|}}} |{{GalleryImage|{{{41|}}}|{{{42|}}}|{{{43|}}} }} }}
{{#if:{{{44|}}} |{{GalleryImage|{{{44|}}}|{{{45|}}}|{{{46|}}} }} }}
{{#if:{{{47|}}} |{{GalleryImage|{{{47|}}}|{{{48|}}}|{{{49|}}} }} }}
{{#if:{{{50|}}} |{{GalleryImage|{{{50|}}}|{{{51|}}}|{{{52|}}} }} }}
|widths={{#if:{{{3|}}}|{{{3|}}}|{{#imgw: {{{5|}}}}}px}}
|heights={{#if:{{{3|}}}|{{#expr: {{#sub:{{{3|}}}|0|-2}}*{{#imgh: {{{5|}}}}}/{{#imgw: {{{5|}}}}} round 0}}px|{{#imgh: {{{5|}}}}}px}}
|perrow={{{4|}}}}}</div><noinclude>




[[Category:eig-image-templates|{{PAGENAME}}]]


[[Category:Utility templates|{{PAGENAME}}]]


== Description ==


== Description ==
This template is used to create a gallery of '''up to max 16 images''', with a global Gallery title, and individual image "sub-titles". It uses the standard Gallery syntax.


This template is used to create a gallery of up to 5 images on one row
For better results, all images of a gallery should have the same width and heights (or they will be resized to fit in the same "box" as the first image, used to choose the width and height)


Syntax:
Syntax:


<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>
...
...
|<17=image-filename-5> | <18=image-letter-5> |  <19=image-title-5> }}
|<26=image-filename-8> | <27=image-letter-8> |  <28=image-title-8> }}
</pre>
</pre>




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)
 
 
with 2 more global parameters, optional (and recommended NOT to use them, unless really necessary, rather as a temporary measure)
  <widths>           is like:  220px
                        If provided, all gallery image "cells" will be resized to this width.
                        If NOT provided, the first image in the gallery is used to fix the width of all gallery cells
                        The height of gallery cells is always chosen so as to keep the width/height proportions of the first image
                        Recommendation = don't use this parameter, but review the size of the images in the same gallery
<4=images-per-row>  is like:  3
                        If not provided = automatic = as many as fit in the page
 


and then for each image in the gallery (max. 5):
and then for each image in the gallery :
  <image-filename> is like:  DB422001.svg  (= image file name WITH the file extension)
  <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-letter>  is like:  a  (it will be enclosed in squared brackets, like [a], and highlighted eg bold)

Dernière version du 20 mai 2020 à 12:53


Description

This template is used to create a gallery of up to max 16 images, with a global Gallery title, and individual image "sub-titles". It uses the standard Gallery syntax.

For better results, all images of a gallery should have the same width and heights (or they will be resized to fit in the same "box" as the first image, used to choose the width and height)

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>
...
|<26=image-filename-8> | <27=image-letter-8> |  <28=image-title-8> }}


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


with 2 more global parameters, optional (and recommended NOT to use them, unless really necessary, rather as a temporary measure)

<widths>            is like:   220px
                        If provided, all gallery image "cells" will be resized to this width.
                        If NOT provided, the first image in the gallery is used to fix the width of all gallery cells
                        The height of gallery cells is always chosen so as to keep the width/height proportions of the first image
                        Recommendation = don't use this parameter, but review the size of the images in the same gallery
<4=images-per-row>  is like:   3
                        If not provided = automatic = as many as fit in the page


and then for each image in the gallery :

<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