diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2014-10-17 08:52:38 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2014-10-17 08:52:38 +0200 |
| commit | 16f9e95d87b1a5cede29490d9a1822fce5769ffe (patch) | |
| tree | 2245c425fdada4add37a7f73d1a90727244b89ef | |
| parent | fa88707382a79467f9c315e307b445219036461d (diff) | |
| download | perl-software-in-gnu-guix-16f9e95d87b1a5cede29490d9a1822fce5769ffe.tar perl-software-in-gnu-guix-16f9e95d87b1a5cede29490d9a1822fce5769ffe.tar.gz | |
update slide bg example presentation to include iframes and videos #1029
| -rw-r--r-- | js/reveal.js | 2 | ||||
| -rw-r--r-- | test/examples/slide-backgrounds.html | 16 |
2 files changed, 13 insertions, 5 deletions
diff --git a/js/reveal.js b/js/reveal.js index d5d9cbf..9ea61db 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -2614,7 +2614,7 @@ // Iframes else if ( backgroundIframe ) { var iframe = document.createElement( 'iframe' ); - iframe.setAttribute('src', backgroundIframe); + iframe.setAttribute( 'src', backgroundIframe ); iframe.style.width = '100%'; iframe.style.height = '100%'; iframe.style.maxHeight = '100%'; diff --git a/test/examples/slide-backgrounds.html b/test/examples/slide-backgrounds.html index 25beab9..4e5e406 100644 --- a/test/examples/slide-backgrounds.html +++ b/test/examples/slide-backgrounds.html @@ -64,20 +64,20 @@ </section> </section> - <section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(0,0,0,0.9)"> + <section data-background-transition="slide" data-background="assets/image1.png"> <h2>Background image</h2> </section> <section> - <section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(0,0,0,0.9)"> + <section data-background-transition="slide" data-background="assets/image1.png"> <h2>Background image</h2> </section> - <section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(0,0,0,0.9)"> + <section data-background-transition="slide" data-background="assets/image1.png"> <h2>Background image</h2> </section> </section> - <section data-background="assets/image2.png" data-background-size="100px" data-background-repeat="repeat" data-background-color="#111" style="background: rgba(0,0,0,0.9)"> + <section data-background="assets/image2.png" data-background-size="100px" data-background-repeat="repeat" data-background-color="#111"> <h2>Background image</h2> <pre>data-background-size="100px" data-background-repeat="repeat" data-background-color="#111"</pre> </section> @@ -89,6 +89,14 @@ <h2>Same background twice (2/2)</h2> </section> + <section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm"> + <h2>Video background</h2> + </section> + + <section data-background-iframe="https://slides.com"> + <h2>Iframe background</h2> + </section> + <section> <section data-background="#417203"> <h2>Same background twice vertical (1/2)</h2> |