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
1
vote
0 answers

Turn.js - Object [object Object] has no method 'turn'

I've been stuck in the code for quite some time now and decided to try and get some help. The code will generate a book by using the Turn.js plugin. This plugin worked with no problems until I got the error Object [object Object] has no method…
user3505584
  • 11
  • 2
1
vote
1 answer

'Uncaught TypeError: Cannot read property 'disabled' of undefined turn.js:1798 'error while integrating turn js with angular

I am trying to implement page flipping effect with turn.js in my angular application. I am encountering the following error when i try navigating to some other view in the application. Uncaught TypeError: Cannot read property 'disabled' of undefined…
user2633915
  • 47
  • 1
  • 10
1
vote
1 answer

Why doesn't turn.js demo work?

I can run the demo script on fiddle as provided by the official documentation. But when I downloaded the script and opened the demos, it doesn't work on my browser. There are no errors on my console. I tried running the same script on fiddle in my…
markovchain
  • 515
  • 1
  • 10
  • 25
1
vote
2 answers

Need gradient in middle of the flip book of turnjs plugin

In turnjs plugin gradients is always set to true by default. $('#magazine').turn({gradients: true, acceleration: true}); But gradient is not appearing in flip book. There should be a gradient in middle of book. And further there are some classes…
danish farhaj
  • 1,316
  • 10
  • 20
1
vote
0 answers

Turn.js Disable Event Handling of Page Element

I am using turn.js to make a flip book. Everything is fine, but when I try to bind an event to an element inside a page, the event isn't bound. $(document).ready(function(e) { $("#Test").click(function(e) { alert('some text') }); …
Arash
  • 3,458
  • 7
  • 32
  • 50
1
vote
1 answer

Turn.js more controls to make buttons

I've been looking on ways on how to make controls/button to manipulate turn.js to make my own magazine web page. here is my html script
Jayson O.
  • 485
  • 1
  • 6
  • 20
1
vote
1 answer

Turn.js can't seem to center flipbook in browser window

Turn.js's autoCenter property changes the margin-left of the #flipbook, in order to keep the images inside the flipbook virtually centered. However, I want the flipbook centered within my browser, but autoCenter affects putting margin: 0 auto; on…
rkulla
  • 2,494
  • 1
  • 18
  • 16
0
votes
0 answers

Use PDFjs Pages can not fully rendered in IOS/Android

I have created a page that uses pdfjs with turnjs to achieve a flip book effect.The idea is to draw the pdf file to the canvas, and then use turnjs to flip the canvas to achieve the effect of turning the page.It works successfully on pc, but when…
Rikkkum
  • 1
  • 1
0
votes
1 answer

Divs not stacking, instead is overlapping

I am trying to stack a div containing buttons under another div that contains a flipbook created using turnjs. This is how the webpage looks like: https://i.stack.imgur.com/LB7ci.jpg . I want to position the buttons under the flipbook, but it will…
mmm000
  • 89
  • 8
0
votes
1 answer

How to use Angular ngx-extended-pdf-viewer with Turnjs flipbook

sorry if my english is not good. I have a project that uses angular to read pdf files and display them as flipbooks. I am using ngx-extended-pdf-viewer with turnjs library. However, they can hardly work together. Please help me improve that. I read…
Giang Phan
  • 33
  • 6
0
votes
1 answer

creating turnjs instance before add any pages

I want to add dynamic pages from pdf from page one without cover page. But, I could not create turnjs instance without page inside(cover page that has been hardcoded in html). It output error: Uncaught (in promise) b {name: "TurnJsError", message:…
Premlatha
  • 1,676
  • 2
  • 20
  • 40
0
votes
1 answer

TurnJsError:The page 1 does not exist

I am creating flipbook from pdf blob using turnjs. I create blob image url for each page by canvas.toBlob, add that url to div and placed that div in flipbook div. But, I receive this error: TurnJsError:The page 1 does not exist I did same way for…
Premlatha
  • 1,676
  • 2
  • 20
  • 40
0
votes
1 answer

Turnjs display tcpdf output as flipbook using pdfjs in same file

I want to display tcpdf output as flipbook using pdfjs in same file. Method 1: Using Turnjs only (tried as we do for blob image)-not successful First, I get base64 from $pdf->Output('', 'E');. Then, I convert to blob and create url. The pdf file I…
Premlatha
  • 1,676
  • 2
  • 20
  • 40
0
votes
1 answer

javascript access image array from php

I am using turnjs to do flip image from SQL images.Images from SQL stored in PHP array. I want to access image PHP array in Javascript and create bloburl for each image. Then, bloburl will be saved in optionsarray. Then, I loop through optionsarray…
Premlatha
  • 1,676
  • 2
  • 20
  • 40
0
votes
1 answer

Get dynamic value to input type"text"

I am trying to customize TurnJS with some special effects. I need to show current page number while flip each page into a field. The value should get with this function (added alert for…
vishnu
  • 2,848
  • 3
  • 30
  • 55
1 2 3
4
5 6 7