• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

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"
    • Tags:
    • navigation
    • paginate
    • insaindesign
    • paginator
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    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.

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info