Click here to Skip to main content
Rate this: bad
good
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
Comments
ryanb31 at 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 at 18-Sep-12 10:50am
   
hi ,
if not on pdf Can i add flip effect to images
ryanb31 at 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 at 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 at 18-Sep-12 16:12pm
   
I would suggest you also click on 'Improve question' and update your question with this information.
Member 8728400 at 19-Sep-12 10:47am
   
hi,
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.
</p>

</object>
 

please help
Rate this: bad
good
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[^].
  Permalink  
Rate this: bad
good
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:
 
http://www.turnjs.com/[^]
  Permalink  

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

  Print Answers RSS
0 Kornfeld Eliyahu Peter 430
1 OriginalGriff 304
2 Nelek 115
3 Sergey Alexandrovich Kryukov 99
4 Gihan Liyanage 99
0 Kornfeld Eliyahu Peter 420
1 OriginalGriff 140
2 Gihan Liyanage 99
3 Nelek 65
4 sankarsan parida 65


Advertise | Privacy | Mobile
Web02 | 2.8.140827.1 | Last Updated 18 Sep 2012
Copyright © CodeProject, 1999-2014
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