This is a custom module to extend NextGEN Gallery with a custom view that places the thumbnails in the left column, places a large image in the right
|Author:||Matthew Osborne (profile at wordpress.org)|
|WordPress version required:||3.3|
|WordPress version tested:||3.4.2|
|Added to WordPress repository:||26-08-2012|
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|Total downloads:||4 652|
Click to start download
I have a client with a Flash based gallery that presents difficulties: it is hard to maintain, loads slowly, and Apple products cannot display the gallery properly.
NextGEN Gallery for WordPress seemed like a good option, but the interface was not up to her standards. It looks too much like a blog were her exact words.
Instead of a list of thumbnails, she wanted a large image with thumbnails at the bottom. Click the thumbnail, and it updates the large image. She has 200+ images in the gallery.
I found the nggGalleryView plugin which looks like what was desired. The thumbnails were a little small, but I was able to modify that with CSS. The image was resized in an odd way resulting in low image quality. The wrong CSS was in place, which I was able to correct.
The main problem with nggGalleryView is that it loads all the images at one time. So, if there is a gallery with 200+ images it slows down the browser with the sheer volume of information that it is processing all at one time.
So I did some digging and found that NextGEN Gallery for WordPress has a carrousel view that looks very much like what was desired. You can use it with this builtin WordPress shortcode:
[nggallery id=x template=carousel images=7]
The problem with this is there is no AJAX. In essence, every time you click to do something, the page reloads.
This is a custom module to extend NextGEN Gallery with a custom view that places the thumbnails in the left column, places a large image in the right column, and updates the large image with AJAX.
Usage: [nggallery id=1 template="imagerotation"]
How can I customize the look
Currently you can edit the file view.css in the nggImageRotation directory, or submit a feature request to the author at this link: