PARALLAX JS ARCHIVE

While all other options and parameters are optional, with sane defaults, and can be set programatically, each layer needs a data-depth attribute. You can change this to a custom query selector, but again, we're going with the easiest approach for now: Per default, all direct child elements of the scene will become moving objects, the layers. You're free to identify it by any means you want, but for now, let's use an ID: Of course, when you've installed via npm, and use browserify/babel, you can also simply do:Ĭonst Parallax = require('parallax-js') Create your HTML elementsĮach Parallax.js instance needs a container element, the scene. If you use the compiled version, either downloaded from the releases page, or copied from the dist folder, include the script like any other Javascript library: You will then find the source code in node_modules/parallax-js/src/parallax.js and the browserified, babelified, uglified, production-ready version in node_modules/parallax-js/dist/ 1.2 Preparations Include the Script

Copy the file of your choice into your project directory.

Use for deployment, because it has a smaller file size.

Use parallax.js if you want to snoop around in the code.

PARALLAX JS ARCHIVE

Extract the ZIP archive and locate the parallax.js and files.Download compiled.zip from the latest release.Many thanks to the fine folks over at cdnjs for hosting our library. Getting started 1.1 Installation 1.1 a) Using the CDN

Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.Ĭheck out the demo to see it in action! Table of Contentsġ. Parallax Engine that reacts to the orientation of a smart device.

Parallax js