The gallery uses AJAX and JSON to control the gallery's content.
The gallery is presented as a simple thumbnail.
Hovering the mouse over the thumbnail's zone will reveal some of its content.
Hovering the mouse in certain zones reveals another image, giving a dynamic look to the gallery.
Zoomy.js is used as a modal image viewer.
Here are some key features of "ProtoSkim":
Class options:
· url: the path of the json source file (default value 'json/data.json').
· parameters: optional parameters for the Ajax request.
· randomize: display the thumbnails at random (default false).
· limit: limit of images loaded by the effect (default 20).
· useResizer: enable the thumbnail generator (default false).
· resizer: the path of the php script that generate thumbnails (default 'timthumb.php').
· callback: (default null).
JSON Object properties options:
· href (optional), can contain images, file, url.
· thumbnail, the path of thumbnails (required if href properties is missing and useResize options disabled).
· title (optional), can contain useful information for caption.
Requirements:
· JavaScript enabled on client side
· Prototype 1.6.1 or higher