Eno-image-render is a library for displaying the image with fallback URL and thumbnail URL.

Installation

$ npm install eno-image-render --save

Usage

Import this package in 'app.module.ts' file

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { ImageModule } from 'eno-image-render';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ImageModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Add 'image' selector in 'app.component.html'

  <div style="height: 100px; width: 100px;">
    <image [thumb]="'assets/thumbnail.jpg'" [fallback]="'assets/fallback.jpeg'" [src]="'assets/main.jpg'"></image>
  </div>

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT