diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2014-04-22 15:41:08 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2014-04-22 15:41:08 +0200 |
| commit | 343765b7ab1ce5392389063b0513ce54a0a76506 (patch) | |
| tree | 4274438b90dfbd336b8debb89c75f4e1e362ff68 /index.html | |
| parent | 5d39b5eabf97a39936c70558e836253f9bbca931 (diff) | |
| download | fosdem-2018-presentation-343765b7ab1ce5392389063b0513ce54a0a76506.tar fosdem-2018-presentation-343765b7ab1ce5392389063b0513ce54a0a76506.tar.gz | |
images with data-src attribute are now lazy-loaded #793
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 10 |
1 files changed, 5 insertions, 5 deletions
@@ -71,7 +71,7 @@ try pressing <a href="#" class="navigate-down">down</a>. </p> <a href="#" class="navigate-down"> - <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> + <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> </a> </section> <section> @@ -82,14 +82,14 @@ <h2>Basement Level 2</h2> <p>Cornify</p> <a class="test" href="http://cornify.com"> - <img width="280" height="326" src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" alt="Unicorn"> + <img width="280" height="326" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" alt="Unicorn"> </a> </section> <section> <h2>Basement Level 3</h2> <p>That's it, time to go back up.</p> <a href="#/2"> - <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);"> + <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);"> </a> </section> </section> @@ -245,7 +245,7 @@ Reveal.addEventListener( 'customevent', function() { Set <code>data-background="#007777"</code> on a slide to change the full page background to the given color. All CSS color formats are supported. </p> <a href="#" class="navigate-down"> - <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> + <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> </a> </section> <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png"> @@ -346,7 +346,7 @@ function linkify( selector ) { <section> <h2>Spectacular image!</h2> <a href="http://lab.hakim.se/meny/" target="_blank"> - <img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny"> + <img width="320" height="299" data-src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny"> </a> </section> |