This demo page was prepared for you to show you at least some features of YASIG gallery.

YASIG gallery displays a set of user pictures in the following modes:

1. miniature (default),
2. normal.

What could be seen below, is gallery in miniature mode. Small pictures are displayed in article body, one beside another. When one will click with its mouse at any of the miniatures, the gallery switches to normal mode. In normal mode screen is covered with just one picture, enlarged in comparison to size of miniature. Additionally when a cursor is moved over picture there are displayed control buttons and below a picture there is displayed short comment.

Going along a gallery pictures is possible after clicking over a picture body or by use of keyboard keys ('left', 'right', 'Esc'). Gallery switches again to miniature mode, which is default one, if 'Close' button is activated.

There are two modes of YASIG gallery code call:

1. ordinary,
2. single.

In ordinary mode there are displayed all miniatures for every photo from within gallery collection. In single mode for all photos from within gallery collection there is displayed just one single miniature ('thumb'), which is miniature of the first photo in gallery. Single mode is particularly useful in case when web page space is of special concern.

Gallery, ordinary mode:

Application of above gallery in ordinary mode, is as easy as placing the following text into your article body, paying attention to some syntax requirements:

{yasig

images/stories/20090705_ParadaZaglowcow/800_img_6265_LordNelson.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6265_LordNelson.jpg|
Example of picture comment with some punctuation characters :-),||

images/stories/20090705_ParadaZaglowcow/800_img_6303_KapitanPoinc.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6303_KapitanPoinc.jpg|
Next comment...||

images/stories/20090705_ParadaZaglowcow/800_img_6306_Sorlandet.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6306_Sorlandet.jpg|
And another one!||

images/stories/20090705_ParadaZaglowcow/800_img_6328_Eendracht.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6328_Eendracht.jpg|
fik||

images/stories/20090705_ParadaZaglowcow/800_img_6334_AnneMargaritha.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6334_AnneMargaritha.jpg|
Just a comment...||

images/stories/20090705_ParadaZaglowcow/800_img_6347_AnneMargaritha.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6347_AnneMargaritha.jpg|
Just a comment...||

images/stories/20090705_ParadaZaglowcow/800_img_6348_Szwed.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6348_Szwed.jpg|
Just a comment...||

images/stories/20090705_ParadaZaglowcow/800_img_6350_Humboldt.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6350_Humboldt.jpg|
Just a comment...||
}

The same gallery but this time single mode:

Application of above gallery in single mode is as easy as placing the following text into your article body, paying attention to some syntax requirements:

{yasig single

images/stories/20090705_ParadaZaglowcow/800_img_6265_LordNelson.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6265_LordNelson.jpg|
Example of picture comment with some punctuation characters :-),||

images/stories/20090705_ParadaZaglowcow/800_img_6303_KapitanPoinc.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6303_KapitanPoinc.jpg|
Next comment...||

images/stories/20090705_ParadaZaglowcow/800_img_6306_Sorlandet.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6306_Sorlandet.jpg|
And another one!||

images/stories/20090705_ParadaZaglowcow/800_img_6328_Eendracht.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6328_Eendracht.jpg|
fik||

images/stories/20090705_ParadaZaglowcow/800_img_6334_AnneMargaritha.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6334_AnneMargaritha.jpg|
Just a comment...||

images/stories/20090705_ParadaZaglowcow/800_img_6347_AnneMargaritha.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6347_AnneMargaritha.jpg|
Just a comment...||

images/stories/20090705_ParadaZaglowcow/800_img_6348_Szwed.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6348_Szwed.jpg|
Just a comment...||

images/stories/20090705_ParadaZaglowcow/800_img_6350_Humboldt.jpg|
images/stories/20090705_ParadaZaglowcow/200_img_6350_Humboldt.jpg|
Just a comment...||
}

Please support our work! If in your opinion this extension is worth of your time, is nice, helpful, helped you to do some work, or just simply saying did its work, we ask you to assess it by publishing your comment at Joomla! extensions web page, here.

Komentowanie za pomocą rozszerzenia JComments zostało wyłączone. Zapraszam do dodawania komentarzy za pomocą aplikacji Disqus.