aboutsummaryrefslogtreecommitdiff
path: root/README.md
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2014-04-22 16:53:52 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2014-04-22 16:53:52 +0200
commit167400ee8b846be814ae6b4ef8bac48c8b9e539c (patch)
tree0769a3f4f23e66e7a8e69dfb71fc4e701218c2e1 /README.md
parent73f96f1d284bca6e01c36c888c2620b376c06598 (diff)
downloadfreenode-live-2017-presentation-167400ee8b846be814ae6b4ef8bac48c8b9e539c.tar
freenode-live-2017-presentation-167400ee8b846be814ae6b4ef8bac48c8b9e539c.tar.gz
documentation for #793
Diffstat (limited to 'README.md')
-rw-r--r--README.md18
1 files changed, 17 insertions, 1 deletions
diff --git a/README.md b/README.md
index bd85726..47511cc 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ reveal.js comes with a broad range of features including [nested slides](https:/
## Online Editor
-Presentations are written using HTML or markdown but there's also an online editor for those of you who prefer a graphical interface. Give it a try at [http://slid.es](http://slid.es).
+Presentations are written using HTML or markdown but there's also an online editor for those of you who prefer a graphical interface. Give it a try at [http://slides.com](http://slides.com).
## Instructions
@@ -293,6 +293,22 @@ Reveal.configure({
});
```
+### Lazy Loading
+
+When working on presentation with a lot of image, video and audio content it's important to load lazily. Lazy loading means that reveal.js will only load the media for the few slides nearest to the current slide. The number of slides that are preloaded is determined by the `viewDistance` configuration option.
+
+To enable lazy loading all you need to do is change your "src" attributes to "data-src" as shown below. This is supported for image, video and audio elements.
+
+```html
+<section>
+ <img data-src="image.png">
+ <video>
+ <source data-src="video.webm" type="video/webm" />
+ <source data-src="video.mp4" type="video/mp4" />
+ </video>
+</section>
+```
+
### API