Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

FlipView (gallery-flipview) on cdn

Last Updated: 02/6/12

+ 2 -

Morgan Cheng

YUI Contributor

See 4 more by this user.

Created: 01/30/12
Last CDN Push: 02/1/12
Build Tag: gallery-2012.02.01-21-35
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.0pr2
Free for use.

This module creates a flippable book effect module. User can swipe left or right to flip among pages, just like FlipBoard. It supports both mouse and touch device.

Tags:
morgancheng

<div id="flippable" class="yui3-flipview-loading">
<div class="page">Hello world?! All work without play makes Jack doll! 1/3</div>
<div class="page">He who is abandoned will be abandoner 2/3</div>
<div class="page">The king is dead. Long live the king. 3/3</div>
</div>

Code Sample

<script src="http://yui.yahooapis.com/3.5.0pr2/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.02.01-21-35'
}).use('gallery-flipview', function(Y) {
    var flip = new Y.FlipView({srcNode: '#flippable'});
 
});