@silmar/ng-lightbox

@silmar/ng-lightbox

Really simple lightbox

Install

npm i @silmar/ng-lightbox
// or
yarn add @silmar/ng-lightbox

Usage

The very basic usage is as follows:

main.ts

// ....
import 'hammerjs';
// ....

app.module.ts

import {BrowserModule, HammerModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';

import {AppComponent} from './app.component';
import {NgLightboxModule} from '@silmar/ng-lightbox';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        HammerModule, // <-- For Angular 9
        NgLightboxModule // <-- import the carousel module
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

app.component.html

<si-ng-lightbox>
  <img *ngFor="let img of gallery" src="{{img}}" height="200" [siLightboxItem]="img" class="item"/>
</si-ng-lightbox>

Demo

Visit the demo