Add mardown-based slide attribute examples.

This commit is contained in:
VonC 2013-10-29 14:36:35 +01:00
parent 1774de2113
commit efbb31cf29

View File

@ -352,6 +352,17 @@ Slides are contained within a limited portion of the screen by default to allow
Backgrounds transition using a fade animation by default. This can be changed to a linear sliding transition by passing ```backgroundTransition: 'slide'``` to the ```Reveal.initialize()``` call. Alternatively you can set ```data-background-transition``` on any section with a background to override that specific transition. Backgrounds transition using a fade animation by default. This can be changed to a linear sliding transition by passing ```backgroundTransition: 'slide'``` to the ```Reveal.initialize()``` call. Alternatively you can set ```data-background-transition``` on any section with a background to override that specific transition.
Special syntax is available for adding attributes to Markdown-based generated `<slide>` element.
```html
<section data-markdown>
<script type="text/template">
<!-- slide-attributes: data-background="#ff0000" -->
Mardown content
</script>
</section>
```
### Parallax Background ### Parallax Background
If you want to use a 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).
@ -390,6 +401,17 @@ The global presentation transition is set using the ```transition``` config valu
Note that this does not work with the page and cube transitions. Note that this does not work with the page and cube transitions.
Special syntax is available for adding attributes to Markdown-based generated `<slide>` element.
```html
<section data-markdown>
<script type="text/template">
<!-- slide-attributes: data-transition="concave" -->
Mardown content
</script>
</section>
```
### Internal links ### Internal links