NextGen Gallery 样式

NextGen Gallery默认的样式就很丰富，在使用之前应该对这些默认样式了然于心。

官方介绍：Demos of All NextGEN Gallery Types

简单的总结

1.缩略图列表图集（NEXTGEN BASIC THUMBNAIL GALLERY）

使用缩略图方式展示图集下的图片，点击图片链接的行为由Gallery->Options->Gallery settings控制，默认为lightbox效果打开图片，如果选中“Show ImageBrowser”则在新页面中打开图片。

Shortcode: [ nggallery id=X ]

2.简单幻灯片效果（NEXTGEN BASIC SLIDESHOW GALLERY）

用幻灯片切换的方式展示图片，点击图片切换到下一张

Shortcode: [ slideshow id=X w=X h=X ]

3. 简单图片浏览器效果（NEXTGEN BASIC IMAGEBROWSER GALLERY）

显示图片、图片标题、caption和上一张/下一张的导航按钮，点击导航按钮刷新页面显示图片

Shortcode: [ imagebrowser id=X ]

4. 显示单张图片（NEXTGEN SINGLE PICS）

用倒影(web20)或水印(watermark)的效果显示一张图片，可设置图片宽高和float属性，点击图片以lightbox方式展示大图。

Shortcode: [ singlepic id=X w=X h=X mode=web20|watermark float=left|right ] 

5. Flexslider Slideshow效果

用带有方向导航和控制按钮的Flexslider Slideshow效果展示图集，需要安装第三方插件Responsive NextGEN Flex Slider Template。可在设置->NextGen Slider调整幻灯片属性，也可以在Shortcode中完整，该页面有完整说明。

Shortcode:[ nggallery id=x template=”sliderview” ]

详细参数见后台设置页面或官方文档。

NextGen Gallery的效果除了通过shortcode来设置外，还可以用模版来改变，下面是使用模版的方法。这些模版位于plugins/nextgen-gallery/view目录下，可以拷贝这些模版到主题目录下进行定制，详细方法请看这里。

6. Caption模版（CAPTION TEMPLATE）

和缩略图列表基本一样，只是图片下方有caption

Shortcode: [ nggallery id=X template=caption ]

7. CAROUSEL TEMPLATE

与其说是Carousel（类似传送带的效果）效果，不如说是带有thumbnail导航的gallery，点击缩略图要刷新页面才能看到大图。

Shortcode: [ nggallery id=X template=carousel images=7 ]

8. GALLERYVIEW TEMPLATE

将jQuery GalleryView插件集成到NextGen Gallery中，这个更像Carousel效果，有大图和缩略图导航，缩略图以Carousel特效展示，点击缩略图可直接看到大图，无需刷新页面。要使用这个效果，必须安装第三方插件NextGEN Galleryview。

Shortcode: [ nggallery id=X template=galleryview images=0 ]

9. MONOSLIDESHOW TEMPLATE

MonoSlideshow效果，使用flash技术展示图集，效果当然比较绚了。要使用，需要安装第三方插件NextGEN Monoslideshow，虽然已经两年没人维护了，但在WP 3.5上是可以用的，在安装此插件基础上还要下载monoslideshow.swf，并放到wp-content/uploads目录下，才能正常使用。

Shortcode: [ monoslideshow id=1 w=450 h=350 preset=’tv-swap | sparkles’ ]

preset参数可不写，或填写tv-swap、或填写sparkles，代表三种效果。