https://github.com/paralin/meteor-parallax
Creates 3D parallax effects using mouse cursor or device orientation.
https://github.com/paralin/meteor-parallax
Last synced: 6 months ago
JSON representation
Creates 3D parallax effects using mouse cursor or device orientation.
- Host: GitHub
- URL: https://github.com/paralin/meteor-parallax
- Owner: paralin
- License: mit
- Created: 2013-09-20T19:21:21.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2014-05-10T19:57:07.000Z (almost 12 years ago)
- Last Synced: 2025-04-10T00:17:13.011Z (11 months ago)
- Language: JavaScript
- Homepage: http://meteorparallax.herokuapp.com/
- Size: 170 KB
- Stars: 6
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
Parallax for Meteor
===============
Create 3D parallax effects using mouse cursor or device orientation. This jQuery plugin allows you to transform a normally flat webpage into an interactive and impressive canvas of seemingly 3D elements.
Getting Started
==========
1. Add this package to your project:
`mrt add parallax`
2. Add some elements using the example below.
3. When that template is rendered, initialize parallax!
`Template.myParallax.rendered = function(){ $("#myParallax").parallax(); };`
Example
========
You can see a full demo running [here](http://meteorparallax.herokuapp.com/), or you can see the source code [here](https://github.com/kidovate/meteor-parallax-demo).
```
```
```
Template.myParallax.rendered = function(){
var scene = $("#myParallax").parallax();
$scene.parallax('enable');
//$scene.parallax('disable');
$scene.parallax('calibrate', false, true);
$scene.parallax('invert', false, true);
$scene.parallax('limit', false, 10);
$scene.parallax('scalar', 2, 8);
$scene.parallax('friction', 0.2, 0.8);
};
```