how to flip a page using jquery of javascript

Question

1.75/5 (4 votes)

See more:

ASP.NET

Javascript

jQuery

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

Member 8728400

Add a Solution

Comments

ZurdoDev 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

ZurdoDev 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

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

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/[^]

Posted 18-Sep-12 9:05am

Tim Corey

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Rajeev Jayaram · Accepted Answer · 2012-09-18T10:09:00

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[^].

Posted 18-Sep-12 10:09am

Rajeev Jayaram