Page Object: Difference between revisions

From Turn.js Documentation
Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(4 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==


==Sample==
<pre class="javascript">
<pre class="javascript">
{
$("#flipbook").turn("start", function(event, pageObject, corner) {
acceleration: true
 
cornerSize: 100
if (pageObject.page==1) {
duration: 600
pageObject.next = 4;
gradients: true
}
next: 2
});
page: 1
turn: $("#flipbook")
z-index: 24
}
</pre>
</pre>


This example will skip the page 2 when turning the page from 1.
==See also==
[[Event: start| Event: start]]
<yambe:breadcrumb>API</yambe:breadcrumb>
<yambe:breadcrumb>API</yambe:breadcrumb>

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>