Extension:SlideBoxLightShow

De Gamepedia Help Wiki
Aller à : navigation, rechercher

L'extension SlideBoxLightShow organise une liste d'images dans un diaporama qui peut apparaître dans un affichage de style lightbox, ou boîte à lumière.

Utilisation[modifier | modifier le wikicode]

Attributs pour la balise slideboxlightshow
Attribut Description
sequence="[forward|reverse|random]" Par défaut : forward

La séquence dans laquelle les images sont pivotées.

transition="[fade|left|right|up|down]" Par défaut : fade

Type de transition utilisé pour changer les images.

transitionSpeed="[millisecondes]" Par défaut : 500

Temps que durent les transitions, en millisecondes. Astuce : Configurer la vitesse de transition à 0 avec une transition fade se traduira par une transition de coupe instantanée.

halign="[left|center|right]" Par défaut : center

Position pour aligner horizontalement les images.

valign="[top|middle|bottom]" Par défaut : middle

Position pour aligner verticalement les images.

interval="[millisecondes]" Par défaut : 5000

Temps d'affichage de chaque image, en millisecondes.

width="[pixels]" Par défaut : nul - Largeur de l'image la plus large.

Définit la largeur de la boîte et le comportement de la largeur maximale des images, en pixels.

height="[pixels]" Par défaut : nul - Hauteur de l'image la plus haute.

Définit la hauteur de la boîte et le comportement de la hauteur maximale des images, en pixels.

popup="[true|false]" Par défaut : true - Afficher les pop-ups de boîte à lumière.

Active ou désactive l'affichage des fenêtres pop-ups de style boîte à lumière en cliquant sur une image. Ajouter un lien sur une image désactive les fenêtres pop-ups.

slideshowOnly="[true|false]" Par défaut : false - Utiliser les fonctionnalités de diaporama et de boîte à lumière.

Active le diaporama uniquement et permet de naviguer avec des flèches sur le diaporama. Utiliser cette option fait en sorte que l'option de pop-up soit ignorée et la valeur par défaut est false.

carousel="[true|false]" Par défaut : false

Le mode carousel est un mode spécial qui permet de placer n'importe quel contenu uniquement dans des diapositives. Tout ce qui se trouve sur une nouvelle ligne sera traité comme une diapositive distincte et pourra inclure des fonctions d'analyseur, des balises d'analyseur et d'autres éléments MediaWiki standards. Activer ce mode désactive les fenêtres pop-ups et force le mode slideshowonly à valoir true.

Entrez un nom de fichier avec un espace de noms correct par ligne. Tous les fichiers qui n'existent pas seront supprimés silencieusement. Des descriptions et des liens URL peuvent être ajoutés aux images en les mettant avec une barre verticale derrière le nom de l'image. Exemple : Fichier:Image3.jpg|Découvrez cette photo !|http://www.exemple.com/. Omettre la description est autorisé afin d'utiliser uniquement un lien, en laissant l'espace pour la description vide. Exemple : Fichier:Image3.jpg||http://www.exemple.com/. Les descriptions peuvent être mises en forme à l'aide de balises HTML telles que <i>. Exemple : Fichier:Image3.jpg|Découvrez <i>cette</i> photo !.

Fichier:Image1.jpg
Fichier:Image2.jpg||http://www.exemple.com/
Fichier:Image3.jpg|Découvrez cette photo !

Exemple[modifier | modifier le wikicode]

Cet exemple montre trois images changeant à un intervalle de 1000 millisecondes.

<slideboxlightshow interval="1000">
Fichier:BenUser2.png
Fichier:Wyn.png
Fichier:Curse_flame.png|C'est la flamme de Curse.
</slideboxlightshow>

Paramètres de configuration[modifier | modifier le wikicode]

Variable Valeur par défaut Description
$wgSBDefaultArguments Prend un tableau de valeurs par défaut. Les clés sont les mêmes que les attributs de la balise function, mais toutes en minuscules.

Personnalisations CSS[modifier | modifier le wikicode]

Afficher les flèches de navigation en continu[modifier | modifier le wikicode]

.lb-prev {
	background:url(../images/prev.png) left 48% no-repeat;
}
.lb-next {
	background:url(../images/next.png) right 48% no-repeat;
}

Bordure gris moyen[modifier | modifier le wikicode]

.lb-outerContainer {
	background-color: #555;
}