Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
feat: add data-placeholder-background to all thumbs on demo page
  • Loading branch information
@igorkamyshev
igorkamyshev committed Jul 24, 2020
1 parent 8a6be62 commit 7a6c9a1
Showing 1 changed file with 11 additions and 11 deletions.
22 changes: 11 additions & 11 deletions demo/index.html
View file
Expand Up @@ -63,57 +63,57 @@ <h1>Lozad.js - Performant Lazy Loading Library</h1>
<h2>Image 1</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/02.jpg" data-index="2" />
<img class="lozad" data-placeholder-background="#b97248" data-src="images/thumbs/02.jpg" data-index="2" />
<noscript><img src="images/thumbs/02.jpg" data-index="2" /></noscript>
<h2>Image 2</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/03.jpg" data-index="3" />
<img class="lozad" data-placeholder-background="#352629" data-src="images/thumbs/03.jpg" data-index="3" />
<noscript><img src="images/thumbs/03.jpg" data-index="3" /></noscript>
<h2>Image 3</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/04.jpg" data-index="4" />
<img class="lozad" data-placeholder-background="#5e7b80" data-src="images/thumbs/04.jpg" data-index="4" />
<noscript><img src="images/thumbs/04.jpg" data-index="4" /></noscript>
<h2>Image 4</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/05.jpg" data-index="5" />
<img class="lozad" data-placeholder-background="#444443" data-src="images/thumbs/05.jpg" data-index="5" />
<noscript><img src="images/thumbs/05.jpg" data-index="5" /></noscript>
<h2>Image 5</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/06.jpg" data-index="6" />
<img class="lozad" data-placeholder-background="#a2a8ab" data-src="images/thumbs/06.jpg" data-index="6" />
<noscript><img src="images/thumbs/06.jpg" data-index="6" /></noscript>
<h2>Image 6</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/07.jpg" data-index="7" />
<img class="lozad" data-placeholder-background="#3e5e79" data-src="images/thumbs/07.jpg" data-index="7" />
<noscript><img src="images/thumbs/07.jpg" data-index="7" /></noscript>
<h2>Image 7</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/08.jpg" data-index="8" />
<img class="lozad" data-placeholder-background="#32141d" data-src="images/thumbs/08.jpg" data-index="8" />
<noscript><img src="images/thumbs/08.jpg" data-index="8" /></noscript>
<h2>Image 8</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/09.jpg" data-index="9" />
<img class="lozad" data-placeholder-background="#67848a" data-src="images/thumbs/09.jpg" data-index="9" />
<noscript><img src="images/thumbs/09.jpg" data-index="9" /></noscript>
<h2>Image 9</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/10.jpg" data-index="10" />
<img class="lozad" data-placeholder-background="#322721" data-src="images/thumbs/10.jpg" data-index="10" />
<noscript><img src="images/thumbs/10.jpg" data-index="10" /></noscript>
<h2>Image 10</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/11.jpg" data-index="11" />
<img class="lozad" data-placeholder-background="#c8c3c4" data-src="images/thumbs/11.jpg" data-index="11" />
<noscript><img src="images/thumbs/11.jpg" data-index="11" /></noscript>
<h2>Image 11</h2>
</article>
<article class="thumb">
<img class="lozad" data-src="images/thumbs/12.jpg" data-index="12" />
<img class="lozad" data-placeholder-background="#5a6840" data-src="images/thumbs/12.jpg" data-index="12" />
<noscript><img src="images/thumbs/12.jpg" data-index="12" /></noscript>
<h2>Image 12</h2>
</article>
Expand Down

0 comments on commit 7a6c9a1

Please sign in to comment.