Stack Overflow
Stack Overflow

Questions tagged [turnjs]

Turn.js is a jQuery plug-in that provides a page turning effect using HTML5

turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5. It is written by Emmanuel Garcia and licensed under the MIT License.

More Information

Homepage of turn.js

Documentation of turn.js

96 questions
9
votes
2 answers

Placing Large HTML content dynamically on TurnJs Flipbook

I am not sure if this is something that has already been discussed, I tried searching on the list of issues but could not find anything related to it. I have a large HTML content that I need to bind using turn.js. The problem I have is that, with…
Abishek
  • 11,191
  • 19
  • 72
  • 111
7
votes
2 answers

How to disable peel (hover effect) in turn.js?

I don't want the hover animation in turn.js. Have tried this: $('#flipbook').turn({ width: 400, height: 300, }); $('#flipbook').turn('peel', false);​ Any kind of help will be greatly appreciated.
Pranav Ballaney
  • 185
  • 1
  • 6
  • 13
6
votes
4 answers

turn.js add sound when page is turned

I would like to add a sound effect when a page is turned, using the turn.js jquery plugin. So the first step would be to test the function that does that according to the online documentation. So the code should be something like:
user1508332
6
votes
4 answers

How to get zoom working with turn.js

I am trying to make a flipbook using turn.js that has the same functionality as the example on the website http://www.turnjs.com/samples/magazine/ When looking at how to achieve this I came across these…
Chris G-Jones
  • 596
  • 4
  • 13
  • 26
5
votes
1 answer

Ionic 2 Flipbook like Turn Js

I am building an app for viewing deals with Ionic 2. I want to develop a flipbook which has to display image as a flipbook like in the following link turnjs I tried to implement this plugin in Ionic 2 app but was not successful. My questions are…
Abdullah Feroz
  • 109
  • 2
  • 8
5
votes
3 answers

Vertical flipping using turn.js

I am using turn.js in my application and would like to implement the vertical flipping similar to http://pageflip-books.com/documentation-configuration.php - VerticalMode Can anyone let me know, how can I implement the vertical flipping in turn.js?
needhelpinphp
  • 61
  • 1
  • 5
5
votes
2 answers

Page Flip effect in pure Javascript

For an ebook-reader webapp, im trying to make a fancy book-like viewer for the ebooks, like iBooks for iPad and iPhone. I found that excellent jQuery Plugin which is exactly what im trying to reach. The only problem is, its a jQuery Plugin, so i…
David Fariña
  • 1,536
  • 1
  • 18
  • 28
4
votes
2 answers

How to increase the amount of pages in DOM of turn.js

Turn.js can work with very long flipbooks. That is, there’s no limit regarding the amount of pages that it can contain. This is because turn.js only keeps in DOM the last 6 pages no matter how long the book is. There will still be references to the…
HD..
  • 1,456
  • 3
  • 28
  • 48
4
votes
1 answer

how to change animation speed in turn.js?

I have a project which is e-catalog. I have used turn.js library for it. It was a great library and i would like to change something like the animation speed when turning into pages. But there is no option, properties or method built in turn.js to…
Jayson O.
  • 485
  • 1
  • 6
  • 20
3
votes
0 answers

pdf.js not taking blob url

Hi I'm trying to build a flipbook using 'turnjs' and 'pdf.js'. im able to build the flipbook via local pdf file and also with the online pdf url, when I tried to use pdf blob url it shows error like Error: Access to…
NITHIN M
  • 31
  • 2
3
votes
1 answer

How to add filp efect to epub pages using Turn.js?

I have an .epub file that does not have any effect or animation while user turns between the pages I use Turn.js library for it be it does not work .I can not open it with eBook readers softwares. Here is my Epub folder Directory Before add…
Alireza Bideli
  • 834
  • 2
  • 9
  • 31
2
votes
1 answer

Div will always shift up after refreshing the page

I have 2 divs on the webpage, the flipbook that is created using turnjs and another div containing the buttons. When I load the page, the divs are in the center of the page: https://i.stack.imgur.com/RlhbW.jpg . After I refresh the page, the divs…
mmm000
  • 89
  • 8
2
votes
0 answers

What can I use to create a book effect (turning pages) into an Angular 2 app? turnjs is ok?

I am not so into JavaScript and I am very new in Angular 2 (I came from Java). I need to create an Angular 2 webapp that contains something like a book effect (where the user can turn the pages and see the next content). Something like turnjs, this:…
AndreaNobili
  • 40,955
  • 107
  • 324
  • 596
2
votes
1 answer

How to use turn.js in Ionic 2?

i have a Ionic v1 project using turn.js but now i'm using Ionic v2. I'm having problem with import the turn.js using with the jQuery. angular.module('albumController', []) .directive('flipbook', function () { return { restrict: 'E', …
Lucas Gaspar
  • 21
  • 2
2
votes
0 answers

Flipbook is not displaying and shows error

Functionality: User is able to navigate around the flipbook and when exit the flipbook is able to re-enter the flipbook from the menu and continue to navigate through the flipbook; the flipbook will reset to the first page everytime the user enters…
Luke
  • 982
  • 1
  • 7
  • 27
1
2 3 4 5 6 7