•  

ForumCommunity

Wiki - Gallery

    The new tag GALLERY allows to create a slideshow of your images using different customizable effects.
    Images can be those of your album or those taken from the web or published using Imageshack, Tinypic or similar.
    You can customize the effects and timing of slideshow.

    Main options
    Simply by entering
    CODICE
    [GALLERY]
    are taken the pictures which have been marked as
    public in your album.

    Other options:
    CODICE
    [GALLERY=XXX]
    Takes the pictures that have been marked as public in the album of the user that has the number XXX as ID

    CODICE
    [GALLERY=tag:label1,tag:label2]
    Takes the pictures that have the label "label1" and "label2".
    You can also use only a single label or more than two (following the format tag:label1, tag:label2, tag:label3, ecc.).

    CODICE
    [GALLERY=par:effect_slide autoplay_2]
    Uses the effect slide and creates a slideshow with a time of two seconds for each image.
    Below you can find a complete list of usable parameters.
    To insert more parameters you must separate them with a space after the word "par:".

    CODICE
    [GALLERY]<IMG SRC="url_img1" ALT="title1"><IMG SRC="url_img2" ALT="title2"><IMG SRC="url_img3" ALT="title3">[/GALLERY]
    Creates a slideshow with the inserted images (you can also insert various images).

    CODICE
    [GALLERY]<A HREF="link1"><IMG SRC="url_thumbnail1" ALT="title1"></A><A HREF="link2"><IMG SRC="url_thumbnail2" ALT="title2"></A><A HREF="link3"><IMG SRC="url_thumbnail3" ALT="title3"></A>[/GALLERY]
    Creates a slideshow and each image has its own link.

    CODICE
    [GALLERY]<A HREF="url_img1" REL="lyteshow[slide1]" TITLE="title1"><IMG SRC="url_thumbnail1" ALT="title1"></A><A HREF="url_img2" REL="lyteshow[slide1]" TITLE="title2"><IMG SRC="url_thumbnail2" ALT="title2"></A><A HREF="url_img3" REL="lyteshow[slide1]" TITLE="title3"><IMG SRC="url_thumbnail3" ALT="title3"></A>[/GALLERY]
    If you have thumbnails that link to larger images, with this code you can create a slideshow in full screen.
    In the codes of the links you must add the parameter REL="lyteshow[slide1]".
    If you have multiple slideshows in the same page, you have to differentiate the parameter slide1 by entering a different name for each slideshow.

    CODICE
    [GALLERY=0,par:effect_slide-top hide-alt_true autoplay_5 align-pagingbuttons_inside-top-right]<IMG SRC="url_img1" ALT="title1"><IMG SRC="url_img2" ALT="title2"><IMG SRC="url_img3" ALT="title3">[/GALLERY]
    As before but with the sample parameters to customize the slideshow.

    The options above can be used in combination (separated by comma in the tag GALLERY) to meet any need:
    CODICE
    [GALLERY=XXX,tag:label1,tag:label2,par:effect_slide autoplay_2]

    The tag GALLERY (unlike others) can be also used in HTML code of the forums and in the posts.
    Warning: in order to use it in the posts it should be written in a single line. Also, if you want to maintain the title of the images you must write in upper case the tags IMG SRC and A HREF.

    Slideshow's parameters
    The following parameters can be used in combination (separated by a space) after the word par:

    Effects
    effect_appear
    effect_resize
    effect_slide
    effect_slide-top
    Different types of effect in the transition from one image to another.

    Duration of the effect
    duration_2
    2 indicates the number of seconds of duration of the effect.
    You can change the number 2 as you like.

    Autoplay
    autoplay_4
    4 indicates the number of seconds after which the following image will be shown.
    You can change the number 4 as you like.

    Center
    center-elements_true
    center-elements_false
    center-width_150
    center-height_200
    These options specify whether the images should be centered and the size of the gallery (150 and 200 can be customized).

    Hide
    hide-alt_true
    hide-buttons_true
    hide-paging_true
    hide-navigation_true
    These options allow you to hide the various elements of the slideshow.

    Thumbnails
    thumbnails_true
    If the images, shown in the slideshow, are big enough you can use this option to add some thumbnails.

    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
    Using these options you can change the position of the various elements of the slideshow.