Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kickstarter/jQuery-SpriteShow
An awesome slideshow that uses a single sprite.
https://github.com/kickstarter/jQuery-SpriteShow
Last synced: 3 months ago
JSON representation
An awesome slideshow that uses a single sprite.
- Host: GitHub
- URL: https://github.com/kickstarter/jQuery-SpriteShow
- Owner: kickstarter
- Fork: true (samuelcole/jquery-spriteshow)
- Created: 2010-10-07T19:42:51.000Z (about 14 years ago)
- Default Branch: master
- Last Pushed: 2010-10-07T17:11:53.000Z (about 14 years ago)
- Last Synced: 2024-05-29T05:12:05.866Z (6 months ago)
- Homepage: http://github.com/samuelcole/jQuery-SpriteShow
- Size: 76.2 KB
- Stars: 3
- Watchers: 118
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README
Awesome Lists containing this project
README
Author: Samuel Cole
Copyright: N/A. Public Domain. Whatevs.
An awesome slideshow that uses a single sprite.
Let's do some ASCII art!
+--------------------------+
| |
| |
| | <-
| |
| | CSS: background-image: url('sprite.jpg');
| | background-repeat: no-repeat;
| | height: 255px /*EXAMPLE*/
+--------------------------+ width: 340px /*EXAMPLE*/
^ CONTROLS YALL ^
+--------------------------+
| |
| |
| |
| |
| |
| |
| |
+--------------------------+
| |
| |
| |
| | <-
| |
| |
| |
+--------------------------+
| |
| |
| |
| |
| |
| |
| |
+--------------------------+
DO IT, TO IT:
$('div.yall').spriteshow({
controls: $('div.controls_yall'),
effect: 'fade', //fancy effect!
number: 3, //number of baller images
play_delay: 5000 //rotate every 5000 milliseconds
});