Using turn.js in Phonegap app

Question

I want page curl effect both for iOS and Android phone. I'm working on Mobione design center, which has a base of cordova/phonegap.

Please advise, how to use turn.js for phonegap?

http://www.turnjs.com/

Any help would be appreciated.

score 1 · Answer 1 · answered Sep 01 '14 at 12:51

1

Did you read the Docs?

Turn JS Documentation

<div id="flipbook">
  <div class="hard"> Turn.js </div> 
  <div class="hard"></div>
  <div> Page 1 </div>
  <div> Page 2 </div>
  <div> Page 3 </div>
  <div> Page 4 </div>
  <div class="hard"></div>
  <div class="hard"></div>
</div>

JS:

$("#flipbook").turn({
  width: 400,
  height: 300,
  autoCenter: true
});

there is also a working jsfiddle ->

JSfiddle Turn.JS

answered Sep 01 '14 at 12:51

Sithys

3,655
8
32
67

Yes, but I'm unable to use the same in my code, it isn't working. – pratiti-systematix Sep 01 '14 at 13:17
You have to give us a codesnippet then...how could we guess, where your problem is? :-/ The JSFiddle works fine, so the problem is in your code. – Sithys Sep 01 '14 at 13:18

Using turn.js in Phonegap app

1 Answers1