v.2.0.8

JayChase · Feb 26, 2020 · 4c8b43e · 4c8b43e
1 parent e2e9f4d
commit 4c8b43e
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 3 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "explorer.compactFolders": false
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+# 2.0.8
+
+## Improvements
+
+- set native lazy loading true on img by default (ready for browser support)
+
 # 2.0.0
 
 ## Breaking changes

diff --git a/README.md b/README.md
@@ -246,7 +246,7 @@ The data context for the template is:
     media="(min-width: 1920px)"
     type="image/jpeg"
   />
-  <img src="assets/images/banner.jpg" alt="test" />
+  <img src="assets/images/banner.jpg" alt="test" loading="lazy" />
 </picture>
 ```
 

diff --git a/projects/ngx-picture/package.json b/projects/ngx-picture/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-picture",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/jaychase/ngx-picture.git"

diff --git a/projects/ngx-picture/src/lib/picture/picture.component.html b/projects/ngx-picture/src/lib/picture/picture.component.html
@@ -15,6 +15,12 @@
   >
   </ng-container>
   <ng-template #defaultImageTemplate>
-    <img [src]="src" [alt]="alt" (load)="loaded.emit($event)" #img />
+    <img
+      [src]="src"
+      [alt]="alt"
+      (load)="loaded.emit($event)"
+      loading="lazy"
+      #img
+    />
   </ng-template>
 </picture>