Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

A jQuery plugin to randomize the display of objects in a grid

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 champagne
Octocat-spinner-32 .gitignore
Octocat-spinner-32 Gruntfile.js
Octocat-spinner-32 README.md
Octocat-spinner-32 demo.css
Octocat-spinner-32 index.html
Octocat-spinner-32 package.json
README.md

Champagne.js

Version 0.1.0

Change Log

  • 07.14.13 Add effect option
  • 04.24.13 Cache $el, add Grunt

Usage

  1. Style grid layout with CSS
  2. Include latest jQuery and jquery.champagne.js
  3. Initialize champagne() on parent element

Options

  • beginningDelay: integer (default: 300), delay before animation starts
  • childrenSelector: string (default: undefined), choose the selector of the children to fade in
  • delayBetween: integer (default: 50), delay between each element's animation
  • duration: integer (default: 500), duration of each element's animation
  • effect: string (default: 'fadeIn'), 'fadeIn', 'slideDown' or 'addClass' (adds class .visible)

Callbacks

  • onFinish: called once all elements are faded in

Future Considerations

  • Add Less Grunt task
  • CSS3 only animations
  • Use of other transitions

Contributions

  • Thanks @pdud for adding effects

Copyright (c) 2012 Fresh Tilled Soil

MIT License, http://www.opensource.org/licenses/mit-license.php

Something went wrong with that request. Please try again.