Press "Enter" to skip to content

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 {}

angular-image-loading-placeholder

progressive image lazy loading library, angular image loader Plugin/Github, angular preload images, lazy loading images angular


See Demo And Download

Official Website(thisissoon): Click Here

This superior jQuery/javascript plugin is developed by thisissoon. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.