docs: fix PR issues in docs

igorkamyshev · igorkamyshev · commit 8a6be621db78 · 2020-07-24T20:55:36.000+07:00
diff --git a/README.md b/README.md
@@ -204,13 +204,13 @@ observer.triggerLoad(coolImage);
 
 ### Large image improvment
 
-Sometimes image loading takes a long time. For this case, you can add a placeholder color:
+Sometimes image loading takes a long time. For this case, you can add a placeholder background:
 
 ```html
-<img class="lozad" data-placeholder="red" data-src="image.png" />
+<img class="lozad" data-placeholder-background="red" data-src="image.png" />
 ```
 
-Lozad set the background of `img` element and users will see the fallback.
+Lozad sets a placeholder background color of img element and users will see the fallback till the image loads.
 
 ## Example with picture tag
 
diff --git a/demo/index.html b/demo/index.html
@@ -58,7 +58,7 @@ <h1><a href="https://github.com/ApoorvSaxena/lozad.js"><strong>Lozad.js</strong>
                 <h1>Lozad.js - Performant Lazy Loading Library</h1>
             </article>
             <article class="thumb">
-                <img class="lozad" data-placeholder="#583624" data-src="images/thumbs/01.jpg" data-index="1" />
+                <img class="lozad" data-placeholder-background="#583624" data-src="images/thumbs/01.jpg" data-index="1" />
                 <noscript><img src="images/thumbs/01.jpg" data-index="1" /></noscript>
                     <h2>Image 1</h2>
             </article>
diff --git a/dist/lozad.es.js b/dist/lozad.es.js
@@ -84,8 +84,8 @@ function markAsLoaded(element) {
 }
 
 function preLoad(element) {
-  if (element.getAttribute('data-placeholder')) {
-    element.style.background = element.getAttribute('data-placeholder');
+  if (element.getAttribute('data-placeholder-background')) {
+    element.style.background = element.getAttribute('data-placeholder-background');
   }
 }
 
diff --git a/dist/lozad.js b/dist/lozad.js
@@ -90,8 +90,8 @@
   }
 
   function preLoad(element) {
-    if (element.getAttribute('data-placeholder')) {
-      element.style.background = element.getAttribute('data-placeholder');
+    if (element.getAttribute('data-placeholder-background')) {
+      element.style.background = element.getAttribute('data-placeholder-background');
     }
   }
 
diff --git a/dist/lozad.min.js b/dist/lozad.min.js
diff --git a/src/lozad.js b/src/lozad.js
@@ -79,8 +79,8 @@ function markAsLoaded(element) {
 }
 
 function preLoad(element) {
-  if (element.getAttribute('data-placeholder')) {
-    element.style.background = element.getAttribute('data-placeholder')
+  if (element.getAttribute('data-placeholder-background')) {
+    element.style.background = element.getAttribute('data-placeholder-background')
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -84,8 +84,8 @@ function markAsLoaded(element) {`
`84`	`84`	`}`
`85`	`85`
`86`	`86`	`function preLoad(element) {`
`87`		`- if (element.getAttribute('data-placeholder')) {`
`88`		`- element.style.background = element.getAttribute('data-placeholder');`
	`87`	`+ if (element.getAttribute('data-placeholder-background')) {`
	`88`	`+ element.style.background = element.getAttribute('data-placeholder-background');`
`89`	`89`	`}`
`90`	`90`	`}`
`91`	`91`
Original file line number	Diff line number	Diff line change
`@@ -90,8 +90,8 @@`
`90`	`90`	`}`
`91`	`91`
`92`	`92`	`function preLoad(element) {`
`93`		`- if (element.getAttribute('data-placeholder')) {`
`94`		`- element.style.background = element.getAttribute('data-placeholder');`
	`93`	`+ if (element.getAttribute('data-placeholder-background')) {`
	`94`	`+ element.style.background = element.getAttribute('data-placeholder-background');`
`95`	`95`	`}`
`96`	`96`	`}`
`97`	`97`
Original file line number	Diff line number	Diff line change
`@@ -79,8 +79,8 @@ function markAsLoaded(element) {`
`79`	`79`	`}`
`80`	`80`
`81`	`81`	`function preLoad(element) {`
`82`		`- if (element.getAttribute('data-placeholder')) {`
`83`		`- element.style.background = element.getAttribute('data-placeholder')`
	`82`	`+ if (element.getAttribute('data-placeholder-background')) {`
	`83`	`+ element.style.background = element.getAttribute('data-placeholder-background')`
`84`	`84`	`}`
`85`	`85`	`}`
`86`	`86`