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.

Paginate (gallery-paginate) on cdn

Last Updated: 06/3/11

+ 0 -

Matt Sain

YUI Contributor

See 1 more by this user.

Created: 06/3/11
Last CDN Push: 06/29/11
Build Tag: gallery-2011.06.29-23-18
Project: YUI 3
License: YUI BSD
YUI Version: 3.4.0 PR1
Free for use.

Allows

circular pagination (first to last and visa versa)
touch events (swipe left and right / up and down)
different templates
you to add more items to paginate between dynamically

To do

Allow for different text in templates. ie. Can use ">" instead of "Next"

Bounding the module

The bounding box should be set to the same as the widget to which it's paginating. This will make sure the swipe events are the most effective.

Template options

{FirstPageLink} : a link to the first page
{PreviousPageLink} : a link to the previous page
{PageItems} : a list of pages (not links)
{PageLinks} : a list of links to pages
{PageOf} : showing page xx of yy. ie. 3 of 6
{NextPageLink} : a link to the next page
{LastPageLink} : a link to the last page

Code Sample

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.06.29-23-18'
}).use('gallery-paginate', function(Y) {
    var paginator = new Y.Paginate({
        boundingBox : WIDGET_BOUNDING_BOX,
        isCircular : true,
        isVertical : false,
        recordsPerPage : 1,
        recordsTotal : 8,
        template : "{PreviousPageLink} {PageItems} {NextPageLink}"
    });
    paginator.render();
});

Forum Posts

No forum posts for this module.