ForumCommunity

Wiki - Gallerie

    Le nouveau tag GALLERY permet de créer un slideshow de vos images à travers différents effets personnalisables.
    Les images peuvent être celles de votre album ou celles prises sur le web ou celles publiées via Imageshack, Tinypic ou similaires.
    Il est possible de personnaliser les effets et les temps des slideshow.

    Options principales
    En insérant simplement
    CODE
    [GALLERY]
    les images qui ont été indiquées comme publiques dans votre album seront prises.

    Autres options:
    CODE
    [GALLERY=XXX]
    Prend les images qui ont été indiquées comme publiques dans l’album de l’utilisateur qui a comme ID le numéro XXX.

    CODE
    [GALLERY=tag:étiquette1,tag:étiquette2]
    Prend les images qui ont l’étiquette "étiquette1" et "étiquette2".
    il est possible aussi utiliser une seule étiquette ou plus de deux (utilisant le format tag:étiquette1,tag:étiquette2,tag:étiquette3,ecc.).

    CODE
    [GALLERY=par:effect_slide autoplay_2]
    Utilise l’effet slide et crée un slideshow avec le temps de 2 secondes par image.
    Une liste complète des paramètres qui peuvent être utilisés se trouve plus bas.
    Pour insérer plus de paramètres, il faut les séparer par un espace après le "par:".

    CODE
    [GALLERY]<IMG SRC="url_img1" ALT="titre1"><IMG SRC="url_img2" ALT="titre2"><IMG SRC="url_img3" ALT="titre3">[/GALLERY]
    Crée un slideshow avec les images insérées (plusieurs images peuvent être insérées).

    CODE
    [GALLERY]<A HREF="link1"><IMG SRC="url_miniature1" ALT="titre1"></A><A HREF="link2"><IMG SRC="url_miniature2" ALT="titre2"></A><A HREF="link3"><IMG SRC="url_miniature3" ALT="titre3"></A>[/GALLERY]
    Crée un slideshow et chaque image a son lien.

    CODE
    [GALLERY]<A HREF="url_img1" REL="lyteshow[slide1]" TITLE="titre1"><IMG SRC="url_miniature1" ALT="titre1"></A><A HREF="url_img2" REL="lyteshow[slide1]" TITLE="titre2"><IMG SRC="url_miniature2" ALT="titre2"></A><A HREF="url_img3" REL="lyteshow[slide1]" TITLE="titre3"><IMG SRC="url_miniature3" ALT="titre3"></A>[/GALLERY]
    Si tu as à disposition des miniatures qui se lient à de grandes images, il est possible de réaliser un slideshow sur tout l’écran en utilisant ce code.
    Le paramètre REL="lyteshow[slide1]" est à ajouter dans les codes des liens.
    S’il y a plusieurs slideshow sur la même page, il faut différencier le paramètre slide1 en insérant un nom différent pour chaque slideshow.

    CODE
    [GALLERY=0,par:effect_slide-top hide-alt_true autoplay_5 align-pagingbuttons_inside-top-right]<IMG SRC="url_img1" ALT="titre1"><IMG SRC="url_img2" ALT="titre2"><IMG SRC="url_img3" ALT="titre3">[/GALLERY]
    Comme avant mais avec des paramètres d’exemple pour personnaliser le slideshow.

    Les options ci dessous peuvent être utilisées en combinaison (séparées par une virgule à l’intérieur du tag GALLERY) pour satisfaire n’importe quelle exigeance:
    CODE
    [GALLERY=XXX,tag:étiquette1,tag:étiquette2,par:effect_slide autoplay_2]

    Le tag GALLERY (à la différence des autres) peut être aussi utilisé dans le code HTML des forum et dans les messages.
    Attention: pour pouvoir l’utiliser dans les messages il ne faut pas l’insérer à la ligne entre les deux images. De plus, si on veut garder le titre des images, il faut écrire les tag IMG SRC et A HREF en majuscule.

    Paramètres du slideshow
    Les paramètres suivants peuvent être utilisés en combinaison (séparés d’un espace) après le mot par:

    Effets
    effect_appear
    effect_resize
    effect_slide
    effect_slide-top

    Différentes sortes d’effets en passant d’une image à l’autre.

    Durée de l’effet
    duration_2
    2 indique le nombre de secondes de la durée de l’effet.
    Le numéro 2 peut être modifié comme on le désire.

    Autoplay
    autoplay_4
    4 indique le nombre de seconde nécessaire pour passer à l’image suivante.
    Le numéro 4 peut être modifié comme on le désire.

    Center
    center-elements_true
    center-elements_false
    center-width_150
    center-height_200

    Ces options spécifient si les images doivent être centrées et les dimensions de la galerie (150 et 200 peuvent être personnalisées).

    Hide
    hide-alt_true
    hide-buttons_true
    hide-paging_true
    hide-navigation_true

    Ces options permettent de cacher les différents éléments du slideshow.

    Thumbnails
    thumbnails_true
    Si les images que l’on voit dans le slideshow sont plutôt grandes, il est possible d’utiliser cette option pour ajouter des miniatures.

    Align
    align-alt_inside-top
    align-alt_inside-top-right
    align-alt_inside-bottom
    align-alt_inside-bottom-right
    align-alt_bottom
    align-alt_bottom-right
    align-pagingbuttons_inside-top
    align-pagingbuttons_inside-top-right
    align-pagingbuttons_inside-middle
    align-pagingbuttons_bottom
    align-pagingbuttons_bottom-right

    Via ces options, il est possible de modifier la position des différents éléments du slideshow.