Event: start: Difference between revisions

From Turn.js Documentation
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 13: Line 13:
| pageObject
| pageObject
| Object
| Object
| [[Page object|The page object]]
| [[Page Object|The page object]]
|-
|-
| corner
| corner
| Number
| Number
| [[Corner|Corner type]]
| [[Corners|Corner type]]
|}
|}


Line 31: Line 31:
<pre class="javascript">
<pre class="javascript">
$("#flipbook").bind("start", function(event, pageObject, corner) {
$("#flipbook").bind("start", function(event, pageObject, corner) {
if (corner=="tl" || corner=="tr") {
  if (corner=="tl" || corner=="tr") {
event.preventDefault();
    event.preventDefault();
}
  }
});
});
</pre>
</pre>

Latest revision as of 06:39, 26 November 2012

This event is triggered when an animation of a page starts. In other words, before showing a folded page.

Argument Type Description
event Object Event Object
pageObject Object The page object
corner Number Corner type
Default action
To show the folded page

For example, if you want to prevent the animation to start when using the corners tl and tr, you can use the start event and prevent its default action:

$("#flipbook").bind("start", function(event, pageObject, corner) {
  if (corner=="tl" || corner=="tr") {
    event.preventDefault();
  }
});

Event Sequence

  1. Start
  2. Turning
  3. Turned
  4. End


See also

Corners <yambe:breadcrumb>Turn Events</yambe:breadcrumb>