https://github.com/freshtilledsoil/champagne

A jQuery plugin to randomize the display of objects in a grid
https://github.com/freshtilledsoil/champagne

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/freshtilledsoil/champagne
• Owner: freshtilledsoil
• Created: 2012-05-02T17:27:21.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2013-09-09T17:35:13.000Z (about 11 years ago)
• Last Synced: 2024-05-28T05:46:37.327Z (6 months ago)
• Language: CSS
• Homepage: http://freshtilledsoil.github.com/champagne/
• Size: 141 KB
• Stars: 30
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](http://freshtilledsoil.com)

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