Yet another gallery plugin. I was looking for a simple gallery where you can
Yet another gallery plugin. I was looking for a simple gallery where you can
select a thumbnail, see the complete picture in a acceptable size but also have
the oppertunity to see the details of the image. I searched the web for a way
to do this and found the AnythingZoomer, a jQuery Plugin by Chris Coyier. I
originally used this jquery plugin for this WordPress plugin.
In version 0.5 the plugin was completely re-written. The generated HTML is completely different, the JavaScript was re-designed and the CSS was created from scratch. Also inner zoom was introduced.
It works well for e-commerce sites like webshops or as a photo gallery.
It is easy to adapt if you would want to, but the default behaviour should be
very much usable by anybody.
There is a settingspage to customize the images used and wheter or not to over-
write the default gallery shortcode.
If you want to use this gallery, simply use the [superzoomgallery] shortcode in
your post or page, or enable the overwriting of the gallery shortcode and use
the default wordpress [gallery] shortcode in your post or page.
Since this is still an early version, I recommend to test it out first before taking
it to a production site.
If you have any questions or problems, I would be happy to hear from you and help
you if I can!
Unzip and activate. There is a settingspage which allows you to select which
image sizes you would like to use and wheter or not to use this gallery as the
main gallery.
(pro) If the default sizes of the images (thumb, medium, full) don’t look very good,
you can add image sizes via your theme. This way you can customize the image sizes.
This is a screenshot where you see the thumbnails down below, the selected image and the details of a part of the image. This is a screenshot of a webshop which uses the zoom function to show details of the products.
This is a screenshot where you see the thumbnails down below, the selected image and the details of a part of the image. This is a screenshot of a webshop which uses the zoom function to show details of the products.
Screenshot of the settingspage. Here you can choose what size images you want to use and some more things
Another shot with high details
A screenshot with the innerzoom feature
A screenshot with the innerzoom feature
Captions on the medium size image, the disapear on mouse over
Basically, most of style information is in szg-style.css. If you want to
change the HTML, then look in the superzoomgalley.php for the function
‘generate_gallery’.
Hmm, possible a CSS problem. Do not hesitate to contact me on the forum!
div.imageinfobi' and
div.imageinfosmall’ css classes in your theme!WARNING! test before upgrading!
Complete re-write of the Super Zoom Gallery. Now with innerzoom options. Much better loading performance, better cross browser support.
Width of zoom box when not many thumbnails are present fixed.
First selected thumbnail when multiple galleries on one site bug fixed, handling of empty gallery improved
Bug preventing to see bottom part of image fixed. WordPress 3.5 gallery style supported. Id’s, excludes, order by.
Changed the default order
Fixed a bug that displayed the loader when clicking twice on a thumbnail
Some IE compatibility problems with opacity fixed
Some IE5-8 compatibility problems with opacity fixed
Fixed a javascript bug preventing elements under the zoombox from being selected
Improved css and javascript bugfix
Css bugs fixed
Some slight refactoring
Bugfix