feat: add data-placeholder-background to all thumbs on demo page

igorkamyshev · igorkamyshev · commit 7a6c9a107d3d · 2020-07-24T21:00:59.000+07:00
diff --git a/demo/index.html b/demo/index.html
@@ -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>
