A Simple Progressive, Responsive, Lazy Image/Video Loading Library for Angular

Angular Image Loader is a simple progressive/responsive/lazy loading image library for Angular that detects browser size and loads the appropriate image only when the element is on display. Categories and events that are released when images are uploaded are attributed.

angular image loading spinner, ng lazyload image, image loader in angular, loading image in angular, angular image loading placeholder, show loading image in angular

How to make use of it:

Install

via NPM
npm i @thisissoon/{angular-image-loader,angular-inviewport} --save

via Yarn
yarn add @thisissoon/angular-image-loader @thisissoon/angular-inviewport

Usage

import {
  ImageLoaderModule,
  VideoLoaderModule,
} from '@thisissoon/angular-image-loader';
import { InViewportModule } from '@thisissoon/angular-inviewport';

@NgModule({
  imports: [
    InViewportModule,
    ImageLoaderModule, // Only this import required if using just the image loader
    VideoLoaderModule, // Only this import required if using just the video loader
  ],
})
export class AppModule {}

import { ImageLoaderModule } from '@thisissoon/angular-image-loader';
import { InViewportModule, WindowRef } from '@thisissoon/angular-inviewport';

@NgModule({
  imports: [InViewportModule.forServer(), ImageLoaderModule, VideoLoaderModule],
})
export class AppModule {}