0.0.3 • Published 6 years ago
plus-lazy-image v0.0.3
Description
A lazy loading imaging for Angular 4.
Installation
$ npm install --save plus-lazy-imageUsage
Import the PlusLazyImageModule in your module:
import { NgModule } from '@angular/core';
//...
import { PlusLazyImageModule } from "plus-lazy-image";
@NgModule({
imports: [
//...
PlusLazyImageModule
],
})
export class AppModule { }How to use with image...
<div class="some-class">
<img [plus-lazy-image]="getYourImageUrl()" alt="">
</div>Or with div...
<div class="some-class">
<div [plus-lazy-bg]="true" [plus-lazy-image]="getYourImageUrl()"></div>
</div>Input parameters
| Input | Required | Details |
|---|---|---|
| plus-lazy-image | Required | String, Image url |
| plus-lazy-bg | Optional | Boolean, Default: false Set on true if you need set background image |
| plus-pre-image | Optional | String, Image url for preloading display |
| plus-pre-loader | Optional | Boolean, Default: true, if set to false, image preloader not displaying |
| plus-start-load | Optional | Subject<boolean> or ReplaySubject<boolean> If you need to set images, for example by clicking on button, etc. |
Output parameters
| Input | Required | Details |
|---|---|---|
| plus-on-load | Optional | Event fire when image is loaded |
License
ISC © Alexander Kryhtenko