Page Object: Difference between revisions

From Turn.js Documentation
Jump to navigation Jump to search
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
Line 20: Line 20:
| next
| next
| Number
| Number
| When using the corners of this page, it will turn to the number of page specified here.
| The page will turn to the number of page specified here
| 2
| 2
|-
|-
Line 39: Line 39:
|}
|}


 
==Example==
==Example of page 1==
<pre class="javascript">
{
acceleration: true
cornerSize: 100
duration: 600
gradients: true
next: 2
page: 1
turn: $("#flipbook")
z-index: 24
}
</pre>
 
==Changing the page to turn==


<pre class="javascript">
<pre class="javascript">

Latest revision as of 17:46, 10 July 2012

The Page Object is the object that stores a page in the flipbook.

Key Type Description Sample value
acceleration Boolean The acceleration mode for this page true
cornerSize Number Width and height in pixels of the each corner 100
next Number The page will turn to the number of page specified here 2
page Number The current page number 1
turn jQuery Element A reference to the current flipbook
$("#flipbook")
z-index Number The z position of this page 10

Example

$("#flipbook").turn("start", function(event, pageObject, corner) {

	if (pageObject.page==1) {
		pageObject.next = 4;
	}
});

This example will skip the page 2 when turning the page from 1.

See also

Event: start <yambe:breadcrumb>API</yambe:breadcrumb>