ForumCommunity

Wiki - Galeria

    O novo tag GALLERY permite criar um slideshow das vossas imagens através de diveros efeitos personalizáveis.
    As imagens podem provir do vosso álbum ou então da web ou publicadas através de Imageshack, Tinypic ou semelhantes.
    É possível personalizar os efeitos e a duração do slideshow.

    Opções principais
    Inserindo semplesmente
    CODICE
    [GALLERY]
    serão utilizadas as imagens assinaladas como públicas no vosso álbum.

    Outras opções:
    CODICE
    [GALLERY=XXX]
    Utiliza as imagens assinaladas como públicas do álbum do usuário que yem como ID o número XXX.

    CODICE
    [GALLERY=tag:etiqueta1,tag:etiqueta2]
    Utiliza as imagens que têm como etiqueta: "etiqueta1" e "etiqueta2".
    É possível utilizar também uma única etiqueta ou mais de duas (seguindo o formato tag:etiqueta1,tag:etiqueta2,tag:etiqueta3,ecc.).

    CODICE
    [GALLERY=par:effect_slide autoplay_2]
    Utiliza o efeito slide e cria um slide show com a duração de 2 segundos para cada imagem.
    Uma lista completa dos parâmetros utilizáveis está presente mais abaixo.
    Para inserir mais parâmetros é preciso separá-los com um espaço depois da escrita "par:".

    CODICE
    [GALLERY]<IMG SRC="url_img1" ALT="título1"><IMG SRC="url_img2" ALT="título2"><IMG SRC="url_img3" ALT="título3">[/GALLERY]
    Cria um slide show com as imagens inseridas (também podem ser inseridas mais imagens).

    CODICE
    [GALLERY]<A HREF="link1"><IMG SRC="url_miniatura1" ALT="título1"></A><A HREF="link2"><IMG SRC="url_miniatura2" ALT="título2"></A><A HREF="link3"><IMG SRC="url_miniatura3" ALT="título3"></A>[/GALLERY]
    Cria um slideshow e cada imagem tem o seu link.

    CODICE
    [GALLERY]<A HREF="url_img1" REL="lyteshow[slide1]" TITLE="título1"><IMG SRC="url_miniatura1" ALT="título1"></A><A HREF="url_img2" REL="lyteshow[slide1]" TITLE="título2"><IMG SRC="url_miniatura2" ALT="título2"></A><A HREF="url_img3" REL="lyteshow[slide1]" TITLE="título3"><IMG SRC="url_miniatura3" ALT="título3"></A>[/GALLERY]
    Se tiverem à disposição miniaturas que estabeleçam links com imagens grandes, com este código é possível realizar um slideshow que ocupe todo o écrã.
    Nos códigos dos links deve ser acrescentado o parâmetro REL="lyteshow[slide1]".
    Se houver mais slideshows na mesma página é preciso diferenciar o parâmetro slide1 inserindo um nome diferente para cada slideshow.

    CODICE
    [GALLERY=0,par:effect_slide-top hide-alt_true autoplay_5 align-pagingbuttons_inside-top-right]<IMG SRC="url_img1" ALT="título1"><IMG SRC="url_img2" ALT="título2"><IMG SRC="url_img3" ALT="título3">[/GALLERY]
    Como antes mas com parâmetros de exemplo para personalizar o slideshow.

    As opções anteriores podem ser combinadas (separadas com uma vírgula no interior do tag GALLERY) para satisfazer todas as exigências:
    CODICE
    [GALLERY=XXX,tag:etiqueta1,tag:etiqueta2,par:effect_slide autoplay_2]

    O tag GALLERY (ao contrário dos outros) pode também ser usado no código HTML dos fóruns e nas mensagens.
    Atenção; para poder ser usado nas mensagens não se deve fazer parágrafo entre os códigos das várias imagens. Além disso, se se quiser manter o título das imagens é preciso escrever os tag IMG SRC e A HREF com letra maiúcula.

    Parâmetros do slideshow
    Os seguintes parâmetros podem ser combinadas (separadas por um espaço) depois da escrita par:

    Efeitos
    effect_appear
    effect_resize
    effect_slide
    effect_slide-top

    Diversos tipos de efeito na passagem de uma imagem para outra.

    Duração do efeito
    duration_2
    2 indica o número de segundos de duração do efeito.
    O número 2 pode ser modificado consoante o gosto pessoal.

    Autoplay
    autoplay_4
    4 indica o número de segundos em que será visualizada a imagem seguinte.
    O número 4 pode ser modificado consoante o gosto pessoal.

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

    Estas opções especificam se as imagens devem ser centradas e as dimensões da gallery (150 e 200 podem ser personalizadas).

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

    Estas opções permitem ocultar os vários elementos do slideshow.

    Thumbnails
    thumbnails_true
    Se as imagens visualizadas no slide show forem muito grandes é possível usar esta opção para acrescentar miniaturas.

    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

    Através destas opções é possível modificar a posição dos vários elementos do slideshow.