November, 2010: I have stopped work on this version of the jQuery pageflip. A much better version by Will (builtbywill.com) is available that already does everything I was planning for future versions. It's originally based on my work, but completely rewritten and expanded. Thanks, Will!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

avatar

PAGE 2
Sad_mac

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

PAGE 5
PAGE 6
PAGE 7
PAGE 8

[note]: Source and demo updated to fix a bug found by Rhapsody on mentalhygiene.com

[oops!]: it looks like something i did in 0.3 has broken IE. I'm trying to track it down now, so if you're looking to implement the pageflip, use 0.2 instead. In the meantime, if there's a CSS savant that can figure out where it's breaking in IE, please let me know.

[fixed!]: Thanks to Scott Reston for the help with my CSS missteps. This also revealed another problem with the shadow effect in IE, which I've disabled in the current version, 0.3.2.

The current version (above) works with any HTML content you can fit onto your pages. Previous versions required each page to be an image. Depending on your content, you may want to consider using the older version.

Some example sites using this script:

Download working example:

Creative Commons LicenseJavascript Pageflip by Charles Mangin is licensed under a Creative Commons Attribution-Share Alike 3.0 United States License.