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.

575 Comments

  • #575 by computers shops August 27, 2010 at: 5:16 am

    Great plugin. I used it for my theme.
    Thanks a lot.

  • #574 by Graphic Design Babe August 26, 2010 at: 7:59 pm

    My blog is looking so much better thanks to all your hits and tips.

  • #573 by Peter Lages August 18, 2010 at: 6:32 pm

    Thanks for the plugin. I used it for my new theme. Cool.

  • #572 by Graphic Chick Brisbane August 2, 2010 at: 9:16 pm

    i have heard about this plugging before thank you very much for the info i will try to see how it works in my bog.

  • #571 by Glynda Ice July 26, 2010 at: 8:57 am

    It is such a useful resource that you are supplying and you’re giving it away free of charge. I like seeing sites that comprehend the importance of offering a useful resource for free. I definitely loved reading your post :) Thanks

  • #570 by mehmet July 9, 2010 at: 4:55 am

    Unfortunately, your new update conflicting simple jquery carousel in my site and preventing it.
    And also, you haven’t fixed the firefox 3.6 problem that screen goes up ?

  • #569 by mark July 7, 2010 at: 8:32 am

    How can I invoke the shutter effect from a single image? I have designed a WordPress website for a photographer with an image map with six links going to six different show pages with thumbnails and she would like to go from the image map on the home page straight to the Shutter display for each show. But I can’t figure out how to do it. Six photos that link to the show pages that have the thumbnails for the show. She doesn’t want the thumbnails! Can you skip the thumbnail page?

    I tried making the home page a gallery itself, but then it would only go to one shutter set.

    I hope there is a way, it would be very elegant.

    Thanks!

  • #568 by Leroy July 6, 2010 at: 8:24 am

    Hi I already posted in comment 565. I found out that IE works fine – problem with the flipping back to the top of the page does not occur here. But I am using Mozilla Thunderbird and here the problem occurs. Any hint from anybody? Thank ya all in advance :-)

  • #567 by Stef July 6, 2010 at: 6:33 am

    If this plugin is busted and hasn’t been updated in 7 months, why the heck aren’t people voting it’s broken on the plugin page so people don’t waist their time?

  • #566 by Roger Moffat July 5, 2010 at: 8:09 pm

    I’ve been using the ShutterReloaded for some time now and have recently upgraded to WordPress 3.0, but have had to stop at Version 2.2 of Shutter Reloaded as later versions just don’t seem to want to work for me. It seems to be something in combination with my theme – the Gear Theme from http://www.mymobiles.com/wordpress-themes/gear and I have another site that uses a different theme that does seem to work OK with later versions of Shutter.

    I’ve created 2 static pages from saving the source code of my home page – 1 using Shutter 2.2 which does work, and 1 using Shutter 2.4.1 which does not work.

    lisaandroger.com/shutter2.2.html

    and

    lisaandroger.com/shutter2.4.1.html

    In both cases Shutter has to be set to use the alternate loading, and there are differences in the source code relating to what Shutter Reloaded has inserted into the page, but I’m stumped on why these differences prevent Shutter from working, seemingly only with this theme.

    Can anyone help me shed some light on this, or do I just need to keep remembering to NOT upgrade Shutter when I’m reminded it needs upgrading.