Views
Actions

How to add zoom to turn.js

From Turn.js Documentation
(Difference between revisions)
Jump to: navigation, search
 
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 16: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

[edit] 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>