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:

Shutter Reloaded demo 450 X 325 Shutter Reloaded demo 600 X 450 Shutter Reloaded demo 900 X 600 Shutter Reloaded demo 1200 X 900

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:

Shutter Reloaded activation optionsShutter Reloaded activation optionsShutter Reloaded activation optionsShutter Reloaded activation optionsShutter Reloaded activation options

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.

Shutter Reloaded version 2.4

Changelog

Installation

Standard WordPress quick and easy installation:

  1. Download.
  2. Unzip.
  3. Upload to the plugins folder.
  4. Log in WordPress and activate the plugin.
  5. 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.

666 Comments

  • #666 by naveen rajput March 10, 2014 at: 6:36 am

    it’s an awesome plugin ,with awesome features a big thanks to the developer of this plugin, i like this a lot .feeling very fortunate on using this plugin

  • #665 by varsha September 28, 2013 at: 6:13 am

    hello ,
    i want to know that suppose we have so many images on blog and we when we are going to click on only a single images so want display that particular image with light-box with only single image should not opened all images with that image. plz help asap.or can u plz repl me on my id rai.varsh…

  • #664 by condonp April 25, 2013 at: 3:14 pm

    I have loaded this and working fine I just want to re-number/edit sequence shown below of image i.e. 1 of 6, 2 of 6 as these are showing incorrectly on my site how is this achieved, please

  • #663 by SInGrasa.NET February 7, 2013 at: 3:06 pm

    what I love about this plugin is that it does not need external libraries to run and has very good functionality, I tried it on one of my sites and I worked great. thanks for the info

  • #662 by Vlad January 17, 2013 at: 11:30 pm

    I wish to add image caption together with image title on the shutter image bottom, like ‘image title – image caption’ (Nr.001 – another one fine thing) where I could add this option in plugin code?

  • #661 by senior photography December 23, 2012 at: 8:49 pm

    Hello! Do you know if they make any plugins to
    protect against hackers? I’m kinda paranoid about losing everything I’ve worked hard on.
    Any tips?

  • #660 by Binay kumar ram December 18, 2012 at: 8:42 pm

    My writer doesh not showing any disk in it what the reason may be

  • #659 by http://oukosher.org/index.php/ December 6, 2012 at: 9:09 pm

    Ahaa, its pleasant conversation regarding this paragraph at this place at this web site, I have read
    all that, so now me also commenting here.

  • #658 by Marten November 16, 2012 at: 9:34 am

    Thank you and keep up the good work!
    Are there any plans to introduce keyboard shortcuts?

  • #657 by Drew November 7, 2012 at: 11:36 am

    I’m using NextGen Gallery plugin for WordPress and have the Shutter effects on and working exactly the way I want. However, I’m coming across one problem and not sure where to start.

    I have a gallery with over 60 images. You have to scroll down and down to view pictures. When you click an image all the way down, I see the page reset back to the top. Meaning… instead of staying put, it takes you back to the top of the web page (which makes me scroll down and down again). Not sure why, but if anyone has a fix or can lead me in the right direction.

    Any help would be great! Thank you guys in advance.