ArneBox
ArneBox is a simple JavaScript for image zooming. To use it, download this file, copy the files to your server and add the following lines to your page:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/arnebox.js"></script>
…where “js/” is the folder in which you places the JavaScript-files. This is of course up to you.
No tedious mucking about with the links is needed, this script works with any <a> that contains an <img>. If you want to exclude an image from ArneBox, add ‘rel=”noarnebox”’ to the <a>.
There is also a stylesheet and some images in the “style”-folder. The stylesheet can be included as is, or customized and/or added to another stylesheet. Replace the images with whatever you like, but they should be there, and the script “arnebox.js” should know where they are. This is easily configured in the script itself. There are two variants of some of the images (those that are suffixed “-alt”, rename them to see what they look like.
So, why did I write this script? Both LightBox and FancyZoom are excellent scripts, and are probably much better written than my hacked-together monstrosity, but none of them work exactly the way I want—so I wrote my own. And thanks to the amazing prototype.js and scriptaculous JavaScript frameworks, it actually was quite easy.
Demo
License: BSD-ish. If you like it, buy me a beer. Or drop me a line at am@aurlien.net, I’ll be happy to know if anyone ends up using it.