Extract the contents of the archive and go to the shutter folder and open shutter.js with a text editor. You will find some variables with explainations on what they do in the upper part of the file, the explainations in that file are enough so I won't write it again here just make sure you enter the correct path to the shutter images directory in that file!
Upload all the files to a web host. If you do not have one, you can use the
.
<script type="text/javascript">
shutterOnload = function(){shutterReloaded.Init();}
</script>
<script src="shutter.js" type="text/javascript"/>
<link href="shutter.css" media="screen" rel="stylesheet" type="text/css"/>
And put the full path to the .js and .css files you uploaded, for instance:
rel='http://mywebsite.com/shutter/shutter.css'
Well, you got the idea.
Now, when you post a picture like this:
<a href="http://i605.photobucket.com/albums/tt135/bloghome/2009-05-23_212331.png" target="_blank"><img src="http://i605.photobucket.com/albums/tt135/bloghome/th_2009-05-23_212331.png" alt="photobucket" /></a>
It will automatically use the Shutter effect. That means you do not need to use anything for the images to use Shutter Reloaded, they will be automatically picked up and shown using Shutter.
5. If you want to post a gallery, on every image in that gallery, use the following class for the hyperlink:
class="shutterset_setname"
For instance:
<a class="shutterset_mygallery1" href="http://i605.photobucket.com/albums/tt135/bloghome/2009-05-23_212331.png" target="_blank"><img src="http://i605.photobucket.com/albums/tt135/bloghome/th_2009-05-23_212331.png" alt="photobucket" /></a>
For a gallery example (click the blue arrow at the bottom of the screen) and more advanced information, visit Shutter Reloaded's website.
NOTE: Wordpress users can install this Shutter Reloaded plugin.
GScrot has been re-launched with new features and a less anatomical name: Shutter :)
