I found turn.js as a very simple and nice effect to create page flip effect. The problem is that I'm looking for that effect but vertical not horizontal.

Does anybody knows any Javascript or what should I modify in that one to get the result I'm looking for?

  • I would think modifying the code effectively swapping x and y (well it's probably a bit more complicated than that) would be the easiest solution. Give it a go and if you get stuck ask on Stack Overflow – ChrisF Feb 21 '12 at 11:05
  • @ChrisF I already tried to modify the code, and all I get is to enable the bottom corners for next page and top corners for previous page.. but the x y swapping is not as easy as it might look.. :) – SERPRO Feb 21 '12 at 11:36
  • I was afraid of that. Stack Overflow might be your best bet for solving those, but break the problem down into small chunks. – ChrisF Feb 21 '12 at 11:37
  • Ok.. I'll do that.. in the meantime I'll leave this question open in case somebody find an script for the vertical effect.. Thanks – SERPRO Feb 21 '12 at 11:39
  • 1
    @njs I didn't test that, but I guess that wouldn't work as everything will be rotated (text, images..) – SERPRO May 28 '15 at 9:02

This script has vertical flipping Homepage http://pageflip.hu/, and vertical flip demo http://pageflip.hu/demo_vertical.html

  • That's a great example, but it was made with Flash.. Also I love the hard cover effect.. upvoted for the link :) – SERPRO Feb 21 '12 at 15:48
  • Didn't know it was flash, it was linked from a page going to a bunch of flipping scripts must have had both jquery and flash listed. – Anagio Feb 21 '12 at 20:03
  • I have an updated version of my script at pageflip-books.com (moved from pageflip.hu), with a html5 version, which also supports vertical flipping. – user35775 Feb 3 '14 at 16:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.