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.<\/p>\n\n
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.<\/p>\n\n
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.<\/p>\n\n
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.<\/p>\n\n
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.<\/p>\n\n
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:<\/p>\n\n
[nggallery id=x template=carousel images=7]<\/p>\n\n
The problem with this is there is no AJAX. In essence, every time you click to do something, the page reloads.<\/p>\n\n
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.<\/p>\n\n
Usage:\n[nggallery id=1 template=\"imagerotation\"]<\/p>\n\n\n
nggImageRotation<\/code> directory to the \/wp-content\/plugins\/<\/code> directory<\/li>\n- Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n
- Place the shortcode
[nggallery id=1 template=\"imagerotation\"]<\/code> in your templates<\/li>\n<\/ol>\n\n\n\n- How can I customize the look<\/dt>\n
Currently you can edit the file view.css in the nggImageRotation directory, or submit a feature request to the author at this link:\nhttp:\/\/www.prositebuilder.com\/contact-us\/<\/p><\/dd>\n\n<\/dl>","raw_excerpt":"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 …","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/19654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=19654"}],"author":[{"embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/matthewo256"}],"wp:attachment":[{"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=19654"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=19654"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=19654"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=19654"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=19654"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/nn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=19654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}