Method: center: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
<pre class="javascript"> | <pre class="javascript"> | ||
$("#flipbook").turn("center"); | $("#flipbook").turn("center"); | ||
</pre> | |||
Adding a CSS transition when centering: | |||
<pre class="css"> | |||
#flipbook{ | |||
transition:margin-left 1s; | |||
-webkit-transition:margin-left 1s; | |||
-moz-transition:margin-left 1s; | |||
-o-transition:margin-left 1s; | |||
-ms-transition:margin-left 1s; | |||
transition:margin-left 1s; | |||
} | |||
</pre> | </pre> | ||
<yambe:breadcrumb>Turn Methods</yambe:breadcrumb> | <yambe:breadcrumb>Turn Methods</yambe:breadcrumb> |
Revision as of 16:04, 6 July 2012
Centers the flipbook depending on how many pages are visible. The center method changes the CSS margin-left property of #flipbook as way to center the flipbook. Therefore, if you need to change the margin-left of the flipbook, it's recommend to insert the flipbook in a container to use its the margin properties.
If the flipbook has the option autoCenter: true, it might not be necessary to use this method.
This method does not have parameters.
Example:
$("#flipbook").turn("center");
Adding a CSS transition when centering:
#flipbook{ transition:margin-left 1s; -webkit-transition:margin-left 1s; -moz-transition:margin-left 1s; -o-transition:margin-left 1s; -ms-transition:margin-left 1s; transition:margin-left 1s; }
<yambe:breadcrumb>Turn Methods</yambe:breadcrumb>