https://github.com/rodleviton/reactivepixelsplugin
An intelligent jQuery pixel plugin
https://github.com/rodleviton/reactivepixelsplugin
Last synced: 9 months ago
JSON representation
An intelligent jQuery pixel plugin
- Host: GitHub
- URL: https://github.com/rodleviton/reactivepixelsplugin
- Owner: rodleviton
- Created: 2013-01-23T10:14:34.000Z (almost 13 years ago)
- Default Branch: master
- Last Pushed: 2013-01-25T12:57:41.000Z (almost 13 years ago)
- Last Synced: 2024-12-15T02:12:20.317Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 137 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Reactive Pixels
===============
An intelligent jQuery pixel plugin
Reactive Pixels is a jQuery plugin that enables elements on a page to interact with surrounding elements. The plugin can be used across many various implementations.
This package contains the plugin and working demo to get you started.
View an example of this project live at [http://rodleviton.com/workshop/reactivepixels](http://rodleviton.com/workshop/reactivepixels).
## Usage
Firstly, make sure you include jQuery 1.7 or higher
Then include `jquery.reactivepixels.js`.
Now you are ready to get everything working. You will need to create a html page with any number of elements. To make them work together they will need to all share the same class e.g. `.block`.
To initialise the plugin all you need to do is choose the appropriate selector and call the **Reactive Pixels** plugin like so:
$(function() {
$('.block').reactivePixels();
});
###Important
**Reactive Pixels** is in its early stages of development. If you come across any issues or would like to request any features please contact me through my blog feedback form [http://rodleviton.com/blog/reactive-pixels](http://rodleviton.com/blog/reactive-pixels).
* * *
Copyright © 2013 Rod Leviton