Click here to Skip to main content
12,999,833 members (50,600 online)
Rate this:
Please Sign up or sign in to vote.
i have 8 pdf pages
want to add flip effect to it just like you are reading a book or newspaper
Posted 18-Sep-12 4:37am
ryanb31 18-Sep-12 10:48am
i am not familiar with any jquery libraries that work directly on pdf. You'll likely need to convert to html and then use a jquery library or find a pdf reader that already does that.
Member 8728400 18-Sep-12 10:50am
hi ,
if not on pdf Can i add flip effect to images
ryanb31 18-Sep-12 10:53am
Sure. There are lots of jquery plugins that will do that. I would just search google for jquery flip effect. But they have to be actual images, not images inside the pdf.
Member 8728400 18-Sep-12 10:59am
i have 8 actual images
just want to add flip effect and zoom on those images
already have zoom function just need help for fliping images just like as if turning pages
Rajeev Jayaram 18-Sep-12 16:12pm
I would suggest you also click on 'Improve question' and update your question with this information.
Member 8728400 19-Sep-12 10:47am
thanks rajeev
booklet is working but when i add pdf page by inserting following code inside the div of page it is not working
<object data="Page8.pdf#scrollbar=0&toolbar=0&statusbar=0" type="application/pdf" width="600px" height="600px" >

<p>It appears you don't have a PDF plugin for this browser.
No biggie... you can click here to
download the PDF file.


please help
Rate this: bad
Please Sign up or sign in to vote.

Solution 2

You could try jpageflip[^], booklet[^] etc. There are numerous similar libraries available in net.

If you would like to build one on your own this link would give you design ideas, Page Flip Effects for Design[^].
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

There are a number of jQuery libraries that will provide you with the flip effect. The one that I like (not that I use it a lot) is Turn.js. You can get it here:[^]

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.170624.1 | Last Updated 18 Sep 2012
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100