Click here to Skip to main content
Search within:



Next

how to flip a page using jquery of javascript
Sign Up to vote bad
good
See more: ASP.NETJavascriptjQuery
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:37
Member 8728400264
Add a Solution

Comments
ryanb31 - 18 Sep '12 - 10:48
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:50
hi , if not on pdf Can i add flip effect to images
ryanb31 - 18 Sep '12 - 10:53
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:59
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:12
I would suggest you also click on 'Improve question' and update your question with this information.
Member 8728400 - 19 Sep '12 - 10:47
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

2 solutions

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  
Posted 18 Sep '12 - 10:09
Rajeev Jayaram8.4K
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  
Posted 18 Sep '12 - 9:05
Tim Corey66.2K
Add a Solution

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

  Print Answers RSS
Your Filters
Interested
Ignored
     
0 Sergey Alexandrovich Kryukov 259
1 OriginalGriff 220
2 Mahesh Bailwal 159
3 CPallini 143
4 Maciej Los 140
0 Sergey Alexandrovich Kryukov 10,214
1 OriginalGriff 7,819
2 CPallini 4,181
3 Rohan Leuva 3,522
4 Maciej Los 3,089


Advertise | Privacy | Mobile
Web04 | 2.6.130523.1 | Last Updated 18 Sep 2012
Copyright © CodeProject, 1999-2013
All Rights Reserved. Terms of Use
Layout: fixed | fluid