Event: start: Difference between revisions

From Turn.js Documentation
Jump to navigation Jump to search
No edit summary
No edit summary
 
(27 intermediate revisions by the same user not shown)
Line 1: Line 1:
This event is triggered when an animation of a page starts.
This event is triggered when an animation of a page starts. In other words, before showing a folded page.


{| class="wikitable"
{| class="wikitable"
Line 11: Line 11:
| Event Object
| Event Object
|-
|-
| page
| pageObject
| Number
| Object
| The page number
| [[Page Object|The page object]]
|-
|-
| corner
| corner
| Number
| Number
| [[Corner|Corner type]]
| [[Corners|Corner type]]
|}
 
{| class="wikitable"
|-
! Default action
|-
| To show the folded page
|}
|}


Example:
For example, if you want to prevent the animation to start when using the corners <tt>tl</tt> and <tt>tr</tt>, you can use the start event and prevent its default action:
 
<pre class="javascript">
<pre class="javascript">
$("#flipbook").bind("missing", function(event, page) {
$("#flipbook").bind("start", function(event, pageObject, corner) {
for (var i = 0; i < pages.length; i++) {
  if (corner=="tl" || corner=="tr") {
$(this).turn("addPage", $("<div />"), pages[i]);
    event.preventDefault();
}
  }
});
});
</pre>
</pre>
== Event Sequence ==
# [[Event: start| Start]]
# [[Event: turning| Turning]]
# [[Event: turned| Turned]]
# [[Event: end| End]]
== See also ==
[[Corners]]
<yambe:breadcrumb>Turn Events</yambe:breadcrumb>
<yambe:breadcrumb>Turn Events</yambe:breadcrumb>

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>