Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
e2e
src
.angular-cli.json
.editorconfig
.gitignore
LICENSE
README.md
karma.conf.js
package.json
protractor.conf.js
tsconfig.json
tslint.json

README.md

AngularX blurred image component.

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

name type description
small string Thumbnail image in base64 format.
preview string Path to full-size image.
size object Width and height of the container with the image.
delay number The delay in ms before showing the image.

Demo

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

Sponsors

We use Browserstack for cross-browser testing.

Browserstack