setagana85

@jahnni and @babou

Thanks so much for adding this functionality. I’ve incorporated your code with some of my preferences and stuck it up on pastebin here: http://pastebin.com/aYs8HQxv

My version of shutter reloaded with Jahnni and BabOu’s help has these features:

* Click anywhere outside image to close shutter
* Esc to close shutter
* Click image to advance to next image
* Loop back to first image in set when advancing from last image
* Changed hover-over text to accurately reflect what clicking on the image will do (“Click to advance”)

Hi all,

Some really useful info on this thread. I’m also looking for a way to close the shutter box by clicking outside of it while still being able to proceed to the next image by clicking on the image in the box.

I have edited my shutter-reloaded.js file to accomplish the “click image to go to next” and the result can be viewed here: http://pastebin.com/f14FfFFv

Basically I’ve changed:

D.innerHTML = '<div id="shWrap"><img src="'+shutterLinks[ln].link+'" id="shTopImg" title="' + t.msgClose + '" onload="shutterReloaded.showImg();" onclick="shutterReloaded.hideShutter();" />' + NavBar +'</div>';

So that the onclick event for shTopImg is:

shutterReloaded.make('+next+');return false

And I’ve changed

case 27:
if (closelink) closelink.onclick();

To

case 27:
if (closelink) shutterReloaded.hideShutter();

Now my question is how do I work the closing of the box into that? I’ve tried Dom’s method of editing the more recent shutter-reloaded.js file but the box doesn’t close no matter where I click. Can anybody help?