Modèle:Animation/Documentation

De Parvis de Bourgogne
Aller à : navigation, rechercher

Modèle:Documentation modèle vue directement

Merci de ne pas utiliser ce modèle en lieu et place de la balise <gallery/>. Voir les recommandations en la matière pour plus de précisions.
Utilisation 
Ce modèle crée un diaporama d'images de même largeur. Une fonction JavaScript permet de voir les images une par une. La version imprimable est lisible et la désactivation de JavaScript n'empêche pas de voir les images.
Attention : pour ne pas perturber la mise en page, il est recommandé d'utiliser uniquement des images de mêmes proportions ou de proportions très proches. Lorsqu'il n'y a pas beaucoup de texte autour, l'alignement à gauche est conseillé.

Syntaxe

{{Animation
|float=
|upright=
|image1=
|image2=
|image3=
|image4=
|image5=
|image6=
|image7=
|image8=
|image9=
|image10=
...
...
...
|image39=
|image40=
}}

Paramètres

  • float = alignement : right ou left, right par défaut);
  • delai = délai entre deux changements, en seconde : 1 par défaut (peut être un nombre entier ou décimal, avec indifféremment un point ou une virgule, mais DOIT être positif);
  • autoplay = état initial du diaporama : 0 (pause) ou 1 (play), 0 par défaut;
    • Sauf cas très particulier, il est recommandé de ne pas utiliser ce paramètre
  • lire en boucle = Lecture en boucle (délai x2 après la dernière diapo) : 0 (non) ou 1 (oui), 0 par défaut;
  • boutons haut = Mettre les boutons en haut plutôt qu'en bas : 0 (en bas) ou 1 (en haut), 0 par défaut;
  • upright = multiplicateur de la taille des images (défini dans les préférences), 1 par défaut;
  • style = style du conteneur du diaporama (rien par défaut);
  • titre = titre du diaporama;
  • image1 à image40 = images à afficher;
  • légende1 à légende40 = légende des images;
  • alt1 à alt40 = texte alternatif des images;
  • Contenu = contenu supplémentaire, peut servir à afficher des images supplémentaires voire autre chose que des images. Chaque item doit être entouré d'un modèle {{Animation/Image}} ou {{Animation/Contenu}} pour être intégré au diaporama (Voir #Sous-modèles).

Sous-modèles

{{Animation/Image}}

Ce sous-modèle permet d'ajouter des images supplémentaires, il s'utilise avec la syntaxe suivante :
{{Animation/Image|upright=|image=|légende=|alt=}}
Paramètres :
  • upright = taille de l'image
  • image = nom de l'image
  • légende de l'image
  • alternative textuelle

Voir #Exemple 3.

{{Animation/Contenu}}

Ce sous-modèle permet d'ajouter des diapos supplémentaires qui ne sont pas forcément des images, il s'utilise avec la syntaxe suivante :
{{Animation/Contenu|mon contenu}}

Voir #Exemple 4.

Exemples

Exemple 1

{{Animation
|float=right
|delai=2
|autoplay=1
|upright=1.5
|style=border:1px dashed red;background-color:Bisque;
|image1=Paris m 1 jms.svg
|image2=Paris m 2 jms.svg
|image3=Paris m 3 jms.svg
|image4=Paris m 4 jms.svg
|image5=Paris m 5 jms.svg
|image6=Paris m 6 jms.svg
|image7=Paris m 7 jms.svg
|image8=Paris m 8 jms.svg
|image9=Paris m 9 jms.svg
|image10=Paris m 10 jms.svg
}}

Exemple 2

{{Animation
|titre = Évolution territoriale de la Colombie
|float=left
|delai=1
|upright=2
|image1=Mapa Colombia (1800-1819).svg|légende1='''1777''' : [[Vice-royauté de Nouvelle-Grenade]]
|image2=Mapa Colombia (1819-1824).svg|légende2='''1819''' : [[Grande Colombie]]
|image3=Mapa Colombia (1824-1830).svg|légende3='''1824''' : [[Grande Colombie]]
|image4=Mapa Colombia (1830-1843).svg|légende4='''1830''' : [[République de Nouvelle-Grenade]]
|image5=Mapa Colombia (1843-1851).svg|légende5='''1843''' : [[République de Nouvelle-Grenade]]
|image6=Mapa Colombia (1851-1857).svg|légende6='''1851''' : [[République de Nouvelle-Grenade]]
|image7=Mapa Colombia (1857-1861).svg|légende7='''1858''' : [[Confédération grenadine]]
|image8=Mapa Colombia (1861-1905).svg|légende8='''1861''' : [[États-Unis de Colombie]]
|image9=Mapa Colombia (1905-1908).svg|légende9='''1905''' : [[République de Colombie]]
|image10=Mapa Colombia (1908-1910).svg|légende10='''1908''' : [[République de Colombie]]
|image11=Mapa Colombia (1910-1916).svg|légende11='''1910''' : [[République de Colombie]]
|image12=Mapa Colombia (1916-1928).svg|légende12='''1916''' : [[République de Colombie]]
|image13=Mapa Colombia (1928-1955).svg|légende13='''1928''' : [[République de Colombie]]
|image14=Mapa Colombia (1955-1963).svg|légende14='''1955''' : [[République de Colombie]]
|image15=Mapa Colombia (1963-1975).svg|légende15='''1963''' : [[République de Colombie]]
|image16=Colombia Mapa Oficial.svg|légende16='''{{CURRENTYEAR}}''' : [[République de Colombie]]
}}

Exemple 3

<p">
Le Mat du berger

Mat Berger 1
Le plateau d’échecs.
Mat Berger 2
Les Blancs avancent un pion.
Mat Berger 3
Les Noirs avancent un pion.
Mat Berger 4
Les Blancs avancent la reine.
Mat Berger 5
Les Noirs avancent le cheval.
Mat Berger 6
Les Blancs avancent le fou.
Mat Berger 7
Les Noirs avancent le cheval.
Mat Berger 8
Les Blancs font échec et mat.
{{Animation
|titre=Le [[Mat du berger]]
|float=right
|delai=2,5
|Contenu=
{{Animation/Image|upright=1.2|image=MatBerger1.gif|légende=Le plateau d’échecs.         |alt=Mat Berger 1}}
{{Animation/Image|upright=1.2|image=MatBerger2.gif|légende=Les Blancs avancent un pion. |alt=Mat Berger 2}}
{{Animation/Image|upright=1.2|image=MatBerger3.gif|légende=Les Noirs  avancent un pion. |alt=Mat Berger 3}}
{{Animation/Image|upright=1.2|image=MatBerger4.gif|légende=Les Blancs avancent la reine.|alt=Mat Berger 4}}
{{Animation/Image|upright=1.2|image=MatBerger5.gif|légende=Les Noirs avancent le cheval.|alt=Mat Berger 5}}
{{Animation/Image|upright=1.2|image=MatBerger6.gif|légende=Les Blancs avancent le fou.  |alt=Mat Berger 6}}
{{Animation/Image|upright=1.2|image=MatBerger7.gif|légende=Les Noirs avancent le cheval.|alt=Mat Berger 7}}
{{Animation/Image|upright=1.2|image=MatBerger8.gif|légende=Les Blancs font échec et mat.|alt=Mat Berger 8}}
}}

Exemple 4

Cet exemple utilise le modèle {{Diagramme d'échecs}}.

Défense sicilienne
Chess zhor 26.png
Chess zver 26.png
a8 b8 c8 d8 e8 f8 g8 h8
a7 b7 c7 d7 e7 f7 g7 h7
a6 b6 c6 d6 e6 f6 g6 h6
a5 b5 c5 d5 e5 f5 g5 h5
a4 b4 c4 d4 e4 f4 g4 h4
a3 b3 c3 d3 e3 f3 g3 h3
a2 b2 c2 d2 e2 f2 g2 h2
a1 b1 c1 d1 e1 f1 g1 h1
Chess zver 26.png
Chess zhor 26.png
Position initiale
Défense sicilienne
Chess zhor 26.png
Chess zver 26.png
a8 b8 c8 d8 e8 f8 g8 h8
a7 b7 c7 d7 e7 f7 g7 h7
a6 b6 c6 d6 e6 f6 g6 h6
a5 b5 c5 d5 e5 f5 g5 h5
a4 b4 c4 d4 e4 f4 g4 h4
a3 b3 c3 d3 e3 f3 g3 h3
a2 b2 c2 d2 e2 f2 g2 h2
a1 b1 c1 d1 e1 f1 g1 h1
Chess zver 26.png
Chess zhor 26.png
Après 2 coups
Défense sicilienne
Chess zhor 26.png
Chess zver 26.png
a8 b8 c8 d8 e8 f8 g8 h8
a7 b7 c7 d7 e7 f7 g7 h7
a6 b6 c6 d6 e6 f6 g6 h6
a5 b5 c5 d5 e5 f5 g5 h5
a4 b4 c4 d4 e4 f4 g4 h4
a3 b3 c3 d3 e3 f3 g3 h3
a2 b2 c2 d2 e2 f2 g2 h2
a1 b1 c1 d1 e1 f1 g1 h1
Chess zver 26.png
Chess zhor 26.png
Position après 11.f5
Défense sicilienne
Chess zhor 26.png
Chess zver 26.png
a8 b8 c8 d8 e8 f8 g8 h8
a7 b7 c7 d7 e7 f7 g7 h7
a6 b6 c6 d6 e6 f6 g6 h6
a5 b5 c5 d5 e5 f5 g5 h5
a4 b4 c4 d4 e4 f4 g4 h4
a3 b3 c3 d3 e3 f3 g3 h3
a2 b2 c2 d2 e2 f2 g2 h2
a1 b1 c1 d1 e1 f1 g1 h1
Chess zver 26.png
Chess zhor 26.png
Position finale
{{Animation
|float=left
|delai=1.5
|Contenu=
{{Animation/Contenu|1=
{{Diagramme d'échecs|=|| [[Défense sicilienne]] |=
 8 |rd|nd|bd|qd|kd|bd|nd|rd|=
 7 |pd|pd|pd|pd|pd|pd|pd|pd|=
 6 |  |  |  |  |  |  |  |  |=
 5 |  |  |  |  |  |  |  |  |=
 4 |  |  |  |  |  |  |  |  |=
 3 |  |  |  |  |  |  |  |  |=
 2 |pl|pl|pl|pl|pl|pl|pl|pl|=
 1 |rl|nl|bl|ql|kl|bl|nl|rl|=
    a  b  c  d  e  f  g  h
|Position initiale}}
}}{{Animation/Contenu|1=
{{diagramme d'échecs|=|| [[Défense sicilienne]] |=
 |rd|nd|bd|qd|kd|bd|nd|rd|=
 |pd|pd|  |pd|pd|pd|pd|pd|=
 |  |  |  |  |  |  |  |  |=
 |  |  |pd|  |  |  |  |  |=
 |  |  |  |  |pl|  |  |  |=
 |  |  |  |  |  |  |  |  |=
 |pl|pl|pl|pl|  |pl|pl|pl|=
 |rl|nl|bl|ql|kl|bl|nl|rl|=
|Après 2 coups}}
}}{{Animation/Contenu|1=
{{diagramme d'échecs|=|| [[Défense sicilienne]] |=
 |rd|  |  |qd|  |rd|kd|  |=
 |pd|pd|  |  |pd|pd|bd|pd|=
 |  |  |nd|  |bd|nd|pd|  |=
 |  |  |  |pd|  |pl|  |  |=
 |  |  |  |  |pl|  |pl|  |=
 |  |nl|nl|  |bl|  |  |  |=
 |pl|pl|pl|  |bl|  |  |pl|=
 |rl|  |  |ql|kl|  |  |rl|=
|Position après 11.f5}}
}}{{Animation/Contenu|1=
{{diagramme d'échecs|=|| [[Défense sicilienne]] |=
 |rd|  |bd|  |  |rd|kd|  |=
 |pd|pd|  |  |pd|pd|bd|pd|=
 |  |  |  |  |  |  |pd|  |=
 |  |  |  |  |  |pl|  |  |=
 |  |bl|  |  |  |  |bl|  |=
 |  |nl|nl|  |  |  |qd|  |=
 |pl|pl|pl|  |  |  |  |  |=
 |rl|  |  |ql|kl|rl|  |  |=
|Position finale}}
}}
}}