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
0
votes
0 answers

How to create div dynamically if text exceed width and height

I am trying to make Ebook using HTML .For this purpose I am using turn.js I have width 400px and height 300px. I want to create div dynamically for the text that does not fit in 50% X 40% div size. Because I want to have different font size for…
user4867030
0
votes
1 answer

turn.js with drag and drop drops image twice

I have the following code which I am using with turn.js and works well except for the 13th page - when I drop an image onto page 11 the same image appears on page 13 (which is directly behind page 11 on the screen).
richardwhitney
  • 506
  • 1
  • 6
  • 21
0
votes
1 answer

Why Does Turn.js Only Work Once in Meteor Application?

I want to integrate Turn.js in a meteor project, but come across a "small" problem , the script work well the first time I "load" the template , but wouldn't work when i come across the same template. {{#if correspondances_readingMode}}
Boo
  • 155
  • 1
  • 12
0
votes
1 answer

HTML5 Canvas Flip Card Animation

I am trying to create flip card effect using html canvas by drawing it in the canvas. no ccs3 tricks needed. It should be done in a native manner; this is my initial test using phaser.js by changing the scale …
Oli Soproni B.
  • 2,774
  • 3
  • 22
  • 47
0
votes
1 answer

TurnJS and bootstrap section

I am trying to add a section to my bootstrap web application that will use turnjs flip-book. My HTML code:
My Turn
KBE
  • 379
  • 3
  • 4
  • 15
0
votes
0 answers

TurnJS not working (jquery loading order?)

I am having trouble getting TurnJS working, i am loading all the images dynamically and i get all the images displayed at first, then after a few seconds once the page has loaded, the first and second image are displayed, the rest hidden, the image…
Karina
  • 665
  • 6
  • 17
  • 35
0
votes
1 answer

TypeError: $(...).turn is not a function

I am working with turn.js, however i am getting the error TypeError: $(...).turn is not a function currently my js is: function loadApp() { // Create the flipbook $('.flipbook').turn({ // Width width:922, // Height …
Karina
  • 665
  • 6
  • 17
  • 35
0
votes
1 answer

Memory leak turnjs

I have problem with book reader here is my code: Code I using turnjs v3 library and i have problem with memory leak, if you reading next and next page, memory RAM is not cleared but is gaining more and more. In console i see that DOM is removed,…
0
votes
0 answers

SCRIPT438: Object doesn't support property or method IE9

I've scanned through the site and looked at many replies to people having similar issues but none of the responses have solved my issue! I'm getting this error only in IE9, and it causes the page to take ages to load. All other browsers and versions…
0
votes
2 answers

Turn.js: Pages with class="fixed" vanishing during animation in Internet Explorer

I'm using the 'fixed' class to keep inner cover pages visible when the book is open. However they briefly disappear during any page turn animation or corner curl. It happens only in internet explorer (any version - I've tested IE7,8,9,10). I'm…
richardwestenra
  • 948
  • 2
  • 10
  • 16
0
votes
2 answers

WebView does not work properly on android

My problem is that my webview renders my html containing turn.js as a plaintext even though i enabled javascript and plugins for my webview, webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setPluginsEnabled(true); and…
Ahmad Dwaik 'Warlock'
  • 5,953
  • 5
  • 34
  • 56
0
votes
1 answer

Number of elements in turn.js

I have a number of divs with the class "append". The problem is that when I use the plugin turn.js, the function .size() return a wrong result Here is my HTML
Renan Ferreira
  • 2,122
  • 3
  • 21
  • 30
0
votes
3 answers

Turn.js shadow effect missing on corners

I've been trying to figure out why I cannot seem to get that nice shadow effect around the corner of the magazine for weeks. I don't even know what css class should be applied in order to obtain that effect. I've been also researching the web for…
0
votes
1 answer

Turn.js make an index for flipbook

i am using turn.js (a script that makes a pape flipping effect) to publish my articles online, but i want to add an index with clickable links that jumps to a specific page I've searched for my question here and the closest one is Turn.js more…
user1923932
0
votes
1 answer

Flip book with HTML5 using Turnjs.com

My client would like to integrate a flip book plugin - http://www.turnjs.com/ - in his site. In their official documentation, they said that it support all browsers and IOS, Android devices. I checked the example URL -…
Senthil
  • 444
  • 1
  • 10
  • 23