How to add zoom to turn.js: Difference between revisions

From Turn.js Documentation
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 1: Line 1:
To use the new zoom feature of turn.js you need to insert the flipbook in a zoom viewport.
[[File:zoom-viewport.jpg|center]]
[[File:zoom-viewport.jpg|center]]
===HTML===
<pre class="xml">
<div id="zoom-viewport">
  <div id="flipbook">
      <div>Page 1</div>
      <div>Page 2</div>
      <div>Page 3</div>
      <div>Page 4</div>
      <div>Page 5</div>
      <div>Page 6</div>
  </div>
</div>
</pre>

Latest revision as of 23:00, 6 August 2012

To use the new zoom feature of turn.js you need to insert the flipbook in a zoom viewport.

Zoom-viewport.jpg

HTML

<div id="zoom-viewport">
   <div id="flipbook">
       <div>Page 1</div>
       <div>Page 2</div>
       <div>Page 3</div>
       <div>Page 4</div>
       <div>Page 5</div>
       <div>Page 6</div>
   </div>
</div>