Shutter Reloaded WordPress plugin
Shutter Reloaded is an image viewer for your website that works similarly to Lightbox, Thickbox, etc. but is lean and mean at only 10KB size. It does not require any external libraries. It has all standard features: resizing large images if the window is too small to display them with option to show the image in full size, unlimited number of image sets, pre-loading of neighbour images for faster display and very good browser compatibility.
This plugin also offers customization of colour and opacity settings for the background and colour for the caption, text links (if used) and the image count.
There are options to enable Shutter Reloaded for all links pointing to an image on your site (with option to exclude some pages), or just on selected pages. It can be enabled only for image links with a specific CSS class or by using Lightbox style activation (rell=”lightbox[...]“). It also can “auto-make” sets for each post/page.
Many thanks to Gerhard Lehnhoff, aufBlog.de for translating Shutter Reloaded to German and for the suggestions, and to Lise, liseweb.fr for the French translation.
Shutter Reloaded is easily integrated with Alex Rabe’s excellent NextGEN Gallery plugin. More info.
Demo:
Some examples of sites that use Shutter: www.synthaetica.com, www.dawnne.com.
Usage:
Image sets are created by using class=”shutterset” to the link pointing to the image. Adding class=”shutterset” also activates the plugin, there’s no need to add both classes, shutterset and shutter. Multiple sets are created by using class=”shutterset_setname”, where setname can be any ascii word and/or a number. If using Lightbox style activation, sets are created by adding a set name in the square brackets. More help is available on the admin page of the plugin.
Screenshots:
Download:
If you’re having any problems with Shutter try downloading the current development version. All bug-fixes, improvements and new features will be available there first. It should be stable enough for use, however some quick testing after activation would be a good idea. Please report any new bugs or incompatibilities with other plugins by commenting below.
Installation
Standard WordPress quick and easy installation:
- Download.
- Unzip.
- Upload to the plugins folder.
- Log in WordPress and activate the plugin.
- Go to “Options -> Shutter Reloaded” and set your preferences.
To upgrade: deactivate and delete the old version, then follow the above instructions to install the new one.
Frequently Asked Questions
- I have … plugin installed that also uses javascript, will there be any conflicts/incompatibilities?
Since Shutter Reloaded does not use any js libraries, it does not interfere with them. It uses an onload event but has a function to play nice with other scripts that use onload too (from WordPress).
- What will happen if my site visitors have Javascript disabled?
Then none of your links will be changed and will work as usual.
- I have a thumbnail link but it points to a webpage, not to image. Will that affect Shutter Reloaded?
No, Shutter Reloaded looks only for links pointing to an image (with thumbnails or not), and will not change any other link, even if the link has the same css class used for activation.
Hi! Thank you very much for add-ons that I used on my site, I used to NextGen gallery effect (lightbox) picture in its own window just opened up as a picture
This add-on really fast, the perfect
yet the only problem is this:
Is it possible to pass the arrows on the keyboard with the other picture is a picture?
Picture, for exit (x) instead of art can click on the area?
these two are very important to me ..
I am writing from Turkey, but these up with my English google translation was
I’m sorry .. Love and Istanbul, Sincerely …
leading corporate responsibility practitioners representing nine major industry segments October 2008 at the CRO Conference in Chicago.
Hello,
I downlod the zip file and upload to plugin folder
I Log in WordPress and activate the plugin
But not work
Any things I did it wrong
Regards
Well this is far the best implementation I have ever seen, as I like the idea to keep the navigation on a single place… Unfortunately the plugin is not behaving pretty well with mobile devices like an iPhone or iPad the navigation bar is somewhere in the middle of the screen and when rotating the device it is nearly impossible to navigate properly. So my question is could this be fixed in any way? And could we have to option to display the navigation bar in more ways? Like instead at the bottom at the top? Or at both sides?
Cheers
Joerg
Such good plugin on this website – Thank you for this one, I’ve been on the hunt for this for while – My client’s going to be so please with the result.
Thank you for this plug-in, I spent hours looking for a straightforward easy to use gallery plugin for a couple of sites I am working on. This is beautiful in its simplicity, easy, straightforward, it takes care of all the hard work and leaves nothing for clients to mess up. Perfect. Thank you.
Also it would be great if image closes when clicked on blank place on side of it, instead clicking on image itself, I rather have it like, when clicked image, it goes to next one. Thanks.
Hello, Is there anyway to enqueue header js/css to include only on single/post page and also way to include description and caption instead of title?
Thank you.
“When someone scrolls down my page and then clicks a image , when they close the image the browser jumps to the top of the page. Is the a fix for this so the page stays where it was before the photo is enlarged ?”
This problem with firefox can be fixed using this patch:
http://code.google.com/p/nextgen-gallery/issues/detail?id=381
you need to remove 2 lines and add 2 lines marked with
)
+ and – in the patch.
Worked for me
Thanks, I have lately been searching for specifics of this topic for ages and yours may be the finest I’ve observed thus far.