1.1.0 • Published 6 years ago

ngx-blurred-image v1.1.0

Weekly downloads
6
License
MIT
Repository
github
Last release
6 years ago

Installation

Install the npm package.

npm i ngx-blurred-image

Import module:

import { BlurredImageComponent } from 'ngx-blurred-image/components';

@NgModule({
    declarations: [ BlurredImageComponent ]
})

Usage

<div blurred-image
	[small]="base64"
	preview="/assets/img/annie-spratt-419262-preview.jpg"
	[size]="{width: 880, height: 587}"
></div>

Properties

nametypedescription
smallstringThumbnail image in base64 format.
previewstringPath to full-size image.
sizeobjectWidth and height of the container with the image.
delaynumberThe delay in ms before showing the image.

Demo

http://crystalui.org/components/blurred-image/example