Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bertoni/parallax


https://github.com/bertoni/parallax

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

PARALLAX JS
===========

This project has objective provide a library that allows the exhibition of web pages as "slide", in the parallax style

Rapidly and easily, following a tutorial very simple, will be possible turn your HTML page into "slides parallax"

HTML structure, in your body, use:

Obs: Each slide must stay into divs with the parallax class



First Slide!





Second Slide!





Third Slide!





Fourth Slide!





Fifth Slide!




Add the CSS and the JS of the parallax:


Now is just begin the parallax:


window.onload = function(){
var parallax = new Parallax();
parallax.init({
wrapper: 'your-id-wrapper-here'
});
}

The parallax don't depends of any external library as Jquery or similars.

[The demo page is in http://bertoni.github.io/parallax/](http://bertoni.github.io/parallax/)