Shortcode generator

You can use this page to play around with the Responsive Gallery Grid settings and generate your shortcode.

Note that this demo is only compatible with Responsive Gallery Grid version 2.1 or higher. Captions will only work if you have installed Responsive Gallery Grid Pro 2.1+

Margin A positive integer value indicating the number of pixels you want to appear between the images in the Responsive Gallery. (Default: 2)

Scale A positive decimal value indicating the factor by which the image-size is multiplied on mouse over. (Default: 1.1)

Rel The rel attribute of the image links. Used by lots of lightbox scripts to group images. (Default: rgg)

Type The gallery type. Note: if you choose the native gallery all the other options will be ignored! (Default: Responsive Gallery Grid)

Max Row Height A positive integer value indicating the maximum height, in pixels, of each row in the Responsive Gallery Grid. (Default: 200)

Animation In time A positive integer value indicating the time, in milliseconds, it will take for the mouse over animation to complete. (Default: 100)

Animation Out Time A positive integer value indicating the time, in milliseconds, it will take for the mouse out animation to complete. (Default: 100)

Effect Choose the mouse-over effect (Default: Bubble)

Image Size The size of the images to load as the tiles of the grid. (Default: medium)

Linked image size The size of the images where the tiles link to. (Default: large)

Last row behavior Choose how the last row should behave (Default: Force same height as previous row)

Gallery Order Choose which default order you would like to use for the gallery images (Default: Use the order you chose manually)

Link To Choose where the gallery images should link to (Default: Media File)

Lightbox Choose your lightbox configuration (Default: Disabled / use third party lightbox)

CAPTIONS

Captions Choose how you want the captions to be displayed. Note: you can create custom caption styles. (Default: Overlay: show on mouse-over)

Captions effect Choose an animation effect (Default: Slide up/down)

Captions: Animation In time A positive integer value indicating the time, in milliseconds, it will take for the caption mouse over effect to complete. (Default: 200)

Captions: Animation Out Time A positive integer value indicating the time, in milliseconds, it will take for the caption mouse over effect to complete. (Default: 200)

[gallery ids="330,328,325,324,323,322,321,320,319,318,317,315,314,313" margin="2" scale="1.1" maxrowheight="200" rowspan="0" intime="100" outtime="100" captions="overlay-hover-show" linked_image_size="large" orderby="menu_order" link="file" size="medium" lightbox="simplelightbox" effect="bubble" lastrowbehavior="last_row_same_height" captions_effect="slide_up" captions_intime="200" captions_outtime="200"]