Method: center: Difference between revisions

From Turn.js Documentation
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>