Demos of All NextGEN Gallery Types

DEFAULT GALLERY DISPLAY TYPES

There are four default gallery types in NextGEN Gallery: Thumbnail Galleries, Slideshow Galleries, Imagebrowser Galleries, and Single Pics.

NEXTGEN BASIC THUMBNAIL GALLERY. This is one of three the standard NextGEN Displays. Shortcode format: [ nggallery id=X ] without space before/after brackets. 

-

NEXTGEN BASIC SLIDESHOW GALLERY. The NextGEN basic slideshow comes with a wide array of settings covering slideshow size, transition style, transition speed, slideshow controls, and other elements. Shortcode format: [ slideshow id=X w=X h=X ] without space before/after brackets. The width and height can be set using the w and h attributes.

-

NEXTGEN BASIC IMAGEBROWSER GALLERY. The NextGEN imagebrowser gallery has fewer option than the slideshow. Shortcode format: [ imagebrowser id=X ] without space before/after brackets.

Example of Title

Picture 1 of 10

This is what a caption looks like...

-

NEXTGEN SINGLE PICS. NextGEN allows you to display a single image. Single Pics will also pop-up using whichever lightbox effect you’ve selected in the main settings area. Using shortcodes allows you to customize various aspects of the image display. Shortcode format: [ singlepic id=X w=X h=X mode=web20|watermark float=left|right ] without space before/after brackets. “web20″ adds a reflection effect and “watermark” adds a watermark as defined in the settings. Examples below are [ singlepic id=1 w=320 h=240 mode=web20 ] and [ singlepic id=3 w=320 h=240 mode=watermark ]. 

And a look on the watermark function :

-

LIGHTBOX EFFECTS. NextGEN comes integrated with a number of different lightbox effects, including Shutter, Thickbox, Fancybox, Lightbox, and Highslide. It also allows you to add other custom or third partly lightbox effects.

-

WORKING WITH TEMPLATES

NextGEN provides a platform for integrating “templates,” which are alternatively gallery designs.

CAPTION TEMPLATE. Shows a caption below the thumbnail. Since the caption can affect the rendering of floated thumbnails, there is a parameter for “number of columns”, to define the number columns based on your theme width. A second option is to add a ngg_gal_Columns” parameter as a custom field on the page or post. Shortcode format: [ nggallery id=X template=caption ] without space before/after brackets.

-

CAROUSEL TEMPLATE. Show a main image with thumbnails below. It’s a pure PHP solution which doesn’t require any jQuery / JS. It requires the page to reload for each image. The parameter “images” defines the number of images that will be show as thumbnails. Shortcode format: [ nggallery id=2 template=carousel images=7 ] without space before/after brackets.

-

GALLERYVIEW TEMPLATE. Requires third party plugin hereThis is a example of what can be done with add-on plugins. This one integrates jQuery GalleryView. You’ll need to install the plugin and use the template shortcode. Shortcode format: [ nggallery id=1 template=galleryview images=0 ]

[Not a valid template]

-

MONOSLIDESHOW TEMPLATE. Requires third party plugin here. This is another example of what can be done with third party plugins that provide additional add-on templates for NextGEN. This one offers a simple integration of Monoslideshow. For this effect, you would need to install the plugin and use the template shortcode at the end of this paragraph. Note that this template also uses an additional parameter called “preset” to provide additional display effects. Shortcode formats (in order below): [ monoslideshow id=1 w=450 h=350 ], [ monoslideshow id=1 w=510 h=340 preset='tv-swap' ], [ monoslideshow id=1 w=450 h=350 preset='sparkles' ], all without spaces before/after brackets.

[monoslideshow id=38 w=510 h=340]

-

[monoslideshow id=38 w=510 h=340 preset='tv-swap']

-

[monoslideshow id=38 w=510 h=340 preset='sparkles']