|
1 | 1 | # fullPage.js
|
2 |
| - |
| 2 | +*The most popular and complete slider of its kind* |
3 | 3 | 
|
4 | 4 | 
|
5 | 5 |
|
6 | 6 | <p align="center">
|
7 | 7 | <a href="https://github.com/alvarotrigo/fullPage.js"><img src="https://raw.githubusercontent.com/alvarotrigo/fullPage.js/dev/examples/imgs/en-language.png" /></a><a href="https://github.com/alvarotrigo/fullPage.js/blob/dev/README_SPANISH.md#fullpagejs"><img src="https://raw.githubusercontent.com/alvarotrigo/fullPage.js/dev/examples/imgs/es-language-inactive.png" /></a>
|
8 | 8 | </p>
|
9 |
| - |
10 |
| - |
| 9 | +--- |
| 10 | + |
11 | 11 | [](http://opensource.org/licenses/MIT)
|
12 |
| -7Kb gziped! |
| 12 | +[](https://www.paypal.me/alvarotrigo/9.95) |
| 13 | +| 7Kb gziped | Created by [@imac2](https://twitter.com/imac2) |
13 | 14 |
|
14 | 15 | A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites or onepage sites).
|
15 | 16 | It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.
|
@@ -198,6 +199,8 @@ $(document).ready(function() {
|
198 | 199 | responsiveWidth: 0,
|
199 | 200 | responsiveHeight: 0,
|
200 | 201 | responsiveSlides: false,
|
| 202 | + parallax: false, |
| 203 | + parallaxOptions: {type: 'reveal', percentage: 62, property: 'translate'}, |
201 | 204 |
|
202 | 205 | //Custom selectors
|
203 | 206 | sectionSelector: '.section',
|
@@ -471,6 +474,10 @@ In order to prevent fullpage.js from creating the scrollbar in certain sections
|
471 | 474 |
|
472 | 475 | - `responsiveSlides`: (default `false`) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). When set to `true` slides will be turned into vertical sections when responsive mode is fired. (by using the `responsiveWidth` or `responsiveHeight` options detailed above). Requires fullpage.js >= 2.8.5.
|
473 | 476 |
|
| 477 | +- `parallax`: (default `false`) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Defines whether or not to use the parallax backgrounds effects on sections / slides. [Read more about how to apply the parallax option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension---Parallax). |
| 478 | + |
| 479 | +- `parallaxOptions`: (default: `{ type: 'reveal', percentage: 62, property: 'translate'}`). Allows to configure the parameters for the parallax backgrounds effect when using the option parallax:true. [Read more about how to apply the parallax option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension---Parallax). |
| 480 | + |
474 | 481 | - `lazyLoading`: (default `true`) Lazy loading is active by default which means it will lazy load any media element containing the attribute `data-src` as detailed in the [Lazy Loading docs](https://github.com/alvarotrigo/fullPage.js#lazy-loading) . If you want to use any other lazy loading library you can disable this fullpage.js feature.
|
475 | 482 |
|
476 | 483 | ## Methods
|
|
0 commit comments