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

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • FAQ
  • Developer FAQ
  • Developer Guide
  • Module Setup

Tag Cloud

node io foxxtrot solmsted ericf model liferay table greghinch apipkin jafl yql widget plugin datatable caridy satyam css lsmith async animation event davglass form nzakas

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.

    YUISand (gallery-yuisand) on cdn

    Last Updated: 07/19/10
    + 2 -

    Lauren Smith

    YUI Contributor

    See 1 more by this user.

    Created: 03/19/10
    Last CDN Push: 03/24/10
    Build Tag: gallery-2010.03.24-20-12
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.1.1
    Free for use.

    YUISand fancifies the sorting and itemizing of a collection similar items

    Updated:
    CSS3 Transformation support added
    Curve animation added

    • Tags:
    • sorting
    • kickballcreative
    • sort
    • yuisand
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    This code examples assumes that there is a button on your page with an id of sort

    Code Sample

    <script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2010.03.24-20-12'
    }).use('gallery-yuisand', function(Y) {
     
    	Y.one('#sort').on('click', function(e) {
     
    		var s = new Y.YUISand({
    			source : '.all',
    			destination : '.few'			
    		});
     
    		e.preventDefault();
    	})
    })

    Forum Posts

    No forum posts for this module.

    © 2006-2011 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