Method: center: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
Centers the flipbook depending on how many pages are visible. The center method changes the CSS <tt>margin-left</tt> property of <tt>#flipbook</tt> as way to center the flipbook. Therefore, if you need to change the <tt>margin-left</tt> of the flipbook, it's recommend to insert the flipbook in a container to use its the margin properties. | Centers the flipbook depending on how many pages are visible. The center method changes the CSS <tt>margin-left</tt> property of <tt>#flipbook</tt> as way to center the flipbook. Therefore, if you need to change the <tt>margin-left</tt> 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. | If the flipbook has the option [[Option: autoCenter|autoCenter]]: true, it might not be necessary to use this method. | ||
''This method does not have parameters.'' | ''This method does not have parameters.'' | ||
Revision as of 16:05, 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>