Skip to content

Commit

Permalink
doc: update
Browse files Browse the repository at this point in the history
  • Loading branch information
maxisam committed Sep 1, 2018
1 parent ffba359 commit be94cce
Showing 1 changed file with 18 additions and 6 deletions.
24 changes: 18 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,10 +62,10 @@ $scale: 0.5; // the scale of loading image in place holder
```html
<ngx-progressive-image-loader>
<ngx-image-placeholder>
<img [attr.data-src]="'/assets/Avengers1.jpg'" alt="" ngxProgressiveImage>
<img [src]="'/assets/Avengers1.jpg'" alt="" ngxProgressiveImage>
</ngx-image-placeholder>
<ngx-image-placeholder>
<img data-src="/assets/Avengers2.jpg" alt="" ngxProgressiveImage>
<img src="/assets/Avengers2.jpg" alt="" ngxProgressiveImage>
</ngx-image-placeholder>
</ngx-progressive-image-loader>
```
Expand All @@ -75,7 +75,7 @@ $scale: 0.5; // the scale of loading image in place holder
```html
<ngx-progressive-image-loader>
<ngx-image-placeholder>
<img [attr.data-src]="'/assets/Avengers6.jpg'" [attr.data-srcset]="'/assets/Avengers6.jpg 800w,/assets/Avengers7.jpg 1366w'"
<img [src]="'/assets/Avengers6.jpg'" [srcset]="'/assets/Avengers6.jpg 800w,/assets/Avengers7.jpg 1366w'"
size="(max-width: 1000px) 100vw, 100vw" ngxProgressiveImage>
</ngx-image-placeholder>
</ngx-progressive-image-loader>
Expand All @@ -87,9 +87,9 @@ $scale: 0.5; // the scale of loading image in place holder
<ngx-progressive-image-loader>
<ngx-image-placeholder>
<picture ngxProgressiveImage>
<source [attr.data-srcset]="'/assets/Avengers4.jpg'" media="(max-width: 1000px)">
<source [attr.data-srcset]="'/assets/Avengers5.jpg'" media="(min-width: 1000px)">
<img [attr.data-src]="'/assets/Avengers4.jpg'" alt="My default image">
<source [srcset]="'/assets/Avengers4.jpg'" media="(max-width: 1000px)">
<source [srcset]="'/assets/Avengers5.jpg'" media="(min-width: 1000px)">
<img [src]="'/assets/Avengers4.jpg'" alt="My default image">
</picture>
</ngx-image-placeholder>
</ngx-progressive-image-loader>
Expand Down Expand Up @@ -119,6 +119,18 @@ $scale: 0.5; // the scale of loading image in place holder

For `ngx-image-placeholder` directive, it takes

- imageRatio

- placeHolderImageSrc

For `ngx-progressive-image-loader` directive, it takes

- imageRatio

- placeHolderImageSrc

- filter / blurFilter

## Build project

```bat
Expand Down

0 comments on commit be94cce

Please sign in to comment.