A flipping page gallery
This plugin builds an image gallery made as a book.
You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area.
By the way, no flash needed!
Author: Renato Formato.
Documentation
The plugin needs jquery 1.2.3. Tested with all jquery compatible browsers.
IE needs a modified version of excanvas I wrote that supports patterns (with a special feature to scale patterns) and rotated linear gradient.
You need to add the following line to the head:
<!--[if IE]><script type="text/javascript" src="excanvasX.js"></script><![endif]-->How to use the plugin
The plugin finds all the images inside the provided selector and build the flipping book gallery.
$(selector).jFlip(width,height,options)Arguments
- width (number - default 300) : width of the canvas in px
- height (number - default 300) : height of the canvas in px
- options (hash) :
- background (string - default "green") : background color when images are smaller than canvas ("red","#FFF","rgba(255,255,255)")
- cornersTop (boolean - default true) : true for top corners, false for bottom ones
- scale (string - default "noresize") :
- "noresize" images are not resized
- "fit" big images are resized to be completely visible
- "fill" all images are resized keeping aspect ratio to fill the canvas
Download
Update v0.3 (15/6/2008): Fixed a bug with IE and mouse move management.
jFlip v0.3 (13 kB - great to debug or to read the code)
jFlip v0.3 minified (7kB - for production use)
RSS 2.0
Site Map
Private area