Bibliolib-gallery NPM

Bibliolib-gallery

Simple social media gallery for angular apps.

Installation

npm install bibliolib-gallery

Usage

Import the module in your app module:

import { BibliolibGalleryModule } from "bibliolib-gallery";

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

Use the component in your app:

<bibliolib-gallery [photoList]="images" [currentPhotoZoomGallery]="zoomImages"></bibliolib-gallery>

import { Component } from "@angular/core";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.scss"],
})
export class AppComponent {
  // List of urls images to display
  images: string[] = ["url1", "url2"];
  // list of urls images to display in zoom gallery (optional)
  // if not provided, the zoom gallery will display the same images as the main gallery
  zoomImages: string[] = ["url1", "url2"];

  constructor() {}
}