Web Page Flip

Web Page Turn is jQuery/App Framework plugin to give Flipboard app like impact. Flip effect makes use of css 3d grow to be.

This plugin is made to be very easy to use. With only a few lines of code you'll be able to have a flipping animation among your perspectives, this seems and acts a great deal like the Flipboard application.

the following structure will allow to add custom content in a wrapper <div identification="flip-page"> <div> <!-- custom content material --> </div> <div> <!-- ... --> </div> <div> <!-- ... --> </div> <div> <!-- ... --> </div> <!-- ... --> </div> The plugin can be called like this: var turn = new Turn(); flip.setup( elements: $('#flip-page > div'), pageIndex: 1, //callback before the flip transition onStart: function (pageIndex) ); Choices velocity: FOUR HUNDRED, //velocity for the turn transition in ms, default 400ms nextEl: '', //if we would like to specify a selector that triggers the next() serve as. prevEl: '', //if we want to specify a selector that triggers the prev() serve as. pageIndex: THREE, //set lively web page, default 1 the next public methods can be found to make use of flip.next(); flip.prev(); flip.currentPage();
FULL DOWNLOAD