diff options
| author | Hakim El Hattab | 2013-09-15 17:45:27 -0400 |
|---|---|---|
| committer | Hakim El Hattab | 2013-09-15 17:45:27 -0400 |
| commit | 86216ac645d8bb696d090a90d5280dd8f963a44a (patch) | |
| tree | 81a2171e6057fbaa2fc52a0e0c93eca42506b362 /README.md | |
| parent | 36061b43bacb49ca83ebcbb8d419e36548439640 (diff) | |
use 'url()'-free path when specifying parallax image, refactor so that parallax is applied to background class, remove unused attributes #595
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 12 |
1 files changed, 5 insertions, 7 deletions
@@ -110,10 +110,10 @@ Reveal.initialize({ backgroundTransition: 'default' // default/linear/none // Parallax background image - parallaxBackgroundImage: '', // CSS syntax, e.g. "url('a.jpg')" + parallaxBackgroundImage: '', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'" // Parallax background size - parallaxBackgroundSize: '', // CSS syntax, e.g. "3000px 2000px" + parallaxBackgroundSize: '', // CSS syntax, e.g. "2100px 900px" // Number of slides away from the current that are visible viewDistance: 3, @@ -303,16 +303,16 @@ Backgrounds transition using a fade animation by default. This can be changed to ### Parallax Background -If you want to use the parallax scrolling background, set the two following config properties when initializing reveal.js (the third one is optional ) +If you want to use a parallax scrolling background, set the two following config properties when initializing reveal.js (the third one is optional). ```javascript Reveal.initialize({ // Parallax background image - parallaxBackgroundImage: '', // CSS syntax, e.g. "url('a.jpg')" + parallaxBackgroundImage: '', // e.g. "https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg" // Parallax background size - parallaxBackgroundSize: '', // CSS syntax, e.g. "3000px 2000px" - currently only pixels are supported (don't use % or auto) + parallaxBackgroundSize: '', // CSS syntax, e.g. "2100px 900px" - currently only pixels are supported (don't use % or auto) // This slide transition gives best results: transition: linear @@ -322,8 +322,6 @@ Reveal.initialize({ Make sure that the background size is much bigger than screen size to allow for some scrolling. -The image used in the background is made by Eli Mergel and is published under Creative Commons license on [Flickr](https://secure.flickr.com/photos/sp1te/3436256585/sizes/o/in/pool-856427@N25/). - ### Slide Transitions |