Features
- Zoomy.js display clickable thumbnails and zoomed images when you click.
- Display caption and close button (optional); zoomed images may be dragged.
- Depend on Prototype Javascript Framework and Scriptaculous (effect.js , dragdrop.js) to work.
Zoomy.js
Zoomy.js is a Prototype class that allows you to easily create image gallery: the script make simple magnification of images with customizable options, as popup and overlaying boxes. You can view the source code here.
Implementations
Add the required HTML markup and customize CSS stylesheet: the miniature is made from the original image used as background. Then initialize Zoomy as below:
new Zoomy(element,{[options]});
Options
-
appearDuration: the duration of appear effect (default value: 0.5 seconds).
-
closeButton: when true, show the close button (default value: false).
-
draggable: makes zoomy draggable and show the close button (default value: false).
- hideCaption: (default value: false).
Demo
Simple
Draggable
Download & License
Get zoomy.js v 2.0.1 (27/01/2009) - the package contains Prototype 1.6.0.3 library + Scriptaculous (effect, dragdrop).
Zoomy is licensed under the MIT license.
Suggestions
You can post your comments, suggestions or bug reports on my blog: I'm happy to receive aid to improve the script.