Documentation

Installation

Install the Image Gal­le­ries add-on for Confluence direc­t­ly from the Atlassian Mar­ket­place. Read more about instal­ling an add-on.

Configuration

The­re is no backend con­fi­gu­ra­ti­on avail­ab­le and nee­ded.

Usage

Use the macro brow­ser or inli­ne syn­tax to insert one of the avail­ab­le gal­le­ries or sli­ders. The macros are loca­ted wit­hin the “Media” sec­tion. Learn about working with macros.

Image Grid Gallery

The Image Grid Gal­le­ry dis­plays images from space and page or custom selec­ted images wit­hin a grid. The fol­lo­wing macro para­me­ters are avail­ab­le:

Label Para­me­ter Default Descrip­ti­on Hos­ting Type
Sources sources Cur­rent page Spe­ci­fy the tit­le of space or page which con­tains the images or image tit­le you want dis­play­ed. You can spe­ci­fy more than one source in auto­com­ple­te field. Ser­ver
Labels labels­Fil­ter Fil­ters the images to dis­play, based on a list of labels. If you wish to enter more than one label, sepa­ra­te the labels with com­mas. Ser­ver, Cloud
Num­ber maxN­um­ber 200

Maxi­mum num­ber of images.

Admin can defi­ne glo­bal max limit for app­li­ca­ti­on. Value of glo­bal max limit will be used if default or custom value is high­ter.

Ser­ver, Cloud
Sort Images By sort name Spe­ci­fy an attri­bu­te to sort the images by. Sort order is ascen­ding, unless you select the Rever­se Sort para­me­ter (see below). Ser­ver
Sort rever­se ascen­ding Used in com­bi­na­ti­on with the Sort Images By para­me­ter above. Use Rever­se Sort to rever­se the sort order, from ascen­ding to descen­ding. Ser­ver
Size item­Si­ze 200 Size of image con­tai­ner in pixel. Ser­ver, Cloud
Stretch stretch Yes Image will be stret­ched to fill image con­tai­ner (Some parts of image may not be visi­ble). Ser­ver
Ver­ti­cal gut­ter gut­terX 15 Size of ver­ti­cal gut­ter in pixel. Ser­ver, Cloud
Hori­zon­tal gut­ter gut­te­rY 15 Size of hori­zon­tal gut­ter in pixel. Ser­ver, Cloud
Ani­ma­te ani­ma­te Yes Image posi­tio­ning will be ani­ma­ted, for instan­ce when the page is resi­zed. Ser­ver, Cloud

 

Image Column Gallery

The Image Column Gal­le­ry dis­plays images from space and page or custom selec­ted images wit­hin a column lay­out. The fol­lo­wing macro para­me­ters are avail­ab­le:

Label Para­me­ter Default Descrip­ti­on Hos­ting Type
Sources sources Cur­rent page Spe­ci­fy the tit­le of space or page which con­tains the images or image tit­le you want dis­play­ed. You can spe­ci­fy more than one source in auto­com­ple­te field. Ser­ver
Labels labels­Fil­ter Fil­ters the images to dis­play, based on a list of labels. If you wish to enter more than one label, sepa­ra­te the labels with com­mas. Ser­ver, Cloud
Num­ber maxN­um­ber 200

Maxi­mum num­ber of images.

Admin can defi­ne glo­bal max limit for app­li­ca­ti­on. Value of glo­bal max limit will be used if default or custom value is high­ter.

Ser­ver, Cloud
Sort Images By sort name Spe­ci­fy an attri­bu­te to sort the images by. Sort order is ascen­ding, unless you select the Rever­se Sort para­me­ter (see below). Ser­ver
Sort rever­se ascen­ding Used in com­bi­na­ti­on with the Sort Images By para­me­ter above. Use Rever­se Sort to rever­se the sort order, from ascen­ding to descen­ding. Ser­ver
Size item­Si­ze 200 Size of image con­tai­ner in pixel. Ser­ver, Cloud
Ver­ti­cal gut­ter gut­terX 15 Size of ver­ti­cal gut­ter in pixel. Ser­ver, Cloud
Hori­zon­tal gut­ter gut­te­rY 15 Size of hori­zon­tal gut­ter in pixel. Ser­ver, Cloud
Ani­ma­te ani­ma­te Yes Image posi­tio­ning will be ani­ma­ted, for instan­ce when the page is resi­zed. Ser­ver, Cloud
Cap­ti­ons cap­ti­ons No Image com­ment as cap­ti­on. Ser­ver

Image Carousel Slider

The Image Carou­sel Sli­der dis­plays images from space and page or custom selec­ted images as carou­sel sli­der. The fol­lo­wing macro para­me­ters are avail­ab­le:

Label Para­me­ter Default Descrip­ti­on Hos­ting Type
Sources sources Cur­rent page Spe­ci­fy the tit­le of space or page which con­tains the images or image tit­le you want dis­play­ed. You can spe­ci­fy more than one source in auto­com­ple­te field. Ser­ver
Labels labels­Fil­ter Fil­ters the images to dis­play, based on a list of labels. If you wish to enter more than one label, sepa­ra­te the labels with com­mas. Ser­ver, Cloud
Num­ber maxN­um­ber 200

Maxi­mum num­ber of images.

Admin can defi­ne glo­bal max limit for app­li­ca­ti­on. Value of glo­bal max limit will be used if default or custom value is high­ter.

Ser­ver, Cloud
Sort Images By sort name Spe­ci­fy an attri­bu­te to sort the images by. Sort order is ascen­ding, unless you select the Rever­se Sort para­me­ter (see below). Ser­ver
Sort rever­se ascen­ding Used in com­bi­na­ti­on with the Sort Images By para­me­ter above. Use Rever­se Sort to rever­se the sort order, from ascen­ding to descen­ding. Ser­ver
Sli­der Height  sli­der­Height 200 Height of sli­der in pixel. Ser­ver, Cloud
Stretch stretch Yes Image will be stret­ched to fill image con­tai­ner (Some parts of image may not be visi­ble). Ser­ver
Gut­ter Size gut­ter­Si­ze 5 The size of gut­ters bet­ween sli­des. Ser­ver, Cloud
Sli­des to show sli­de­sTo­Show 15 Size of hori­zon­tal gut­ter in pixel. Ser­ver, Cloud
Sli­des to scroll sli­de­sTo­S­croll Yes Image posi­tio­ning will be ani­ma­ted, for instan­ce when the page is resi­zed. Ser­ver, Cloud
Infi­ni­te Sli­ding infi­ni­te Yes Enab­les sli­ding as an infi­ni­te loop. Ser­ver, Cloud
Arrows arrows Yes Enab­les arrows to get pre­vious or next sli­de. Ser­ver, Cloud
Dots dots Yes Enab­les dots as sli­de indi­ca­tor below sli­der. Ser­ver, Cloud
Cap­ti­ons cap­ti­ons No Shows image com­ment as cap­ti­on. Ser­ver
Auto­play auto­play No Enab­les auto­play mode of sli­der. Ser­ver, Cloud
Auto­play Speed auto­play­Speed 3000 Speed of auto­play in mil­li­se­conds. Ser­ver, Cloud

Image Accordion Slider

The Image Accor­di­on Sli­der dis­plays images from space and page or custom selec­ted images as accor­di­on sli­der. The fol­lo­wing macro para­me­ters are avail­ab­le:

Label Para­me­ter Default Descrip­ti­on Hos­ting Type
Sources sources Cur­rent page Spe­ci­fy the tit­le of space or page which con­tains the images or image tit­le you want dis­play­ed. You can spe­ci­fy more than one source in auto­com­ple­te field. Ser­ver
Labels labels­Fil­ter Fil­ters the images to dis­play, based on a list of labels. If you wish to enter more than one label, sepa­ra­te the labels with com­mas. Ser­ver, Cloud
Num­ber maxN­um­ber 200

Maxi­mum num­ber of images.

Admin can defi­ne glo­bal max limit for app­li­ca­ti­on. Value of glo­bal max limit will be used if default or custom value is high­ter.

Ser­ver, Cloud
Sort Images By sort name Spe­ci­fy an attri­bu­te to sort the images by. Sort order is ascen­ding, unless you select the Rever­se Sort para­me­ter (see below). Ser­ver
Sort rever­se ascen­ding Used in com­bi­na­ti­on with the Sort Images By para­me­ter above. Use Rever­se Sort to rever­se the sort order, from ascen­ding to descen­ding. Ser­ver
Sli­der Height sli­der­Height 200 Size of image con­tai­ner in pixel. Ser­ver, Cloud
Stretch stretch Yes Image will be stret­ched to fill image con­tai­ner (Some parts of image may not be visi­ble). Ser­ver
Gut­ter Size gut­ter­Si­ze 5 Size of ver­ti­cal gut­ter in pixel. Ser­ver, Cloud
Auto­play auto­play No Size of hori­zon­tal gut­ter in pixel. Ser­ver, Cloud
Auto­play Speed auto­play­Speed 3000 Image posi­tio­ning will be ani­ma­ted, for instan­ce when the page is resi­zed. Ser­ver, Cloud

Before After Image Slider

The Befo­re After Image Sli­der allows you to visua­li­ze the dif­fe­rence bet­ween two images. The fol­lo­wing macro para­me­ters are avail­ab­le:

Label Para­me­ter Default Descrip­ti­on Hos­ting Type
Method method Choo­se from 5 dif­fe­rent methods to visua­li­ze the images. Ser­ver, Cloud
Left Image leftImage Search box for the left image. Ser­ver, Cloud
Right Image right­Image Search box for the right image. Ser­ver, Cloud
Width width 50% Width of the con­tai­ner. Ser­ver
Sli­de on mou­se move hover Yes If enab­led sli­des will be moved with the mou­se move. Ser­ver, Cloud
Over­lay­ed Sli­der over­lay­edS­li­der No By default the sli­der is bene­ath the images. Set­tings this opti­on the sli­der is on top of the images. Ser­ver, Cloud
CSS Clas­ses css­Clas­ses Para­me­ter to set addi­tio­nal css clas­ses to enab­le fur­ther fea­tures or for advan­ced cus­to­mi­za­ti­on. Ser­ver

 

Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen