2.2.0 • Published 2 years ago
luxal-lightbox v2.2.0
LuxalLightbox
This project was generated with Angular CLI version 12.0.0.
Pre-requirements
- Angular 13
- Installed angular material
Integration to your project
npm i luxal-lightbox
1. Import LuxalLightboxModule into app.module.ts
2. After that you need to add LightBoxService to constructor in component which you want to open gallery.
Example
import {LuxalLightboxService} from "./luxal-lightbox.service";
export class CompoentWhichOpenGallery {
constructor(private lightboxService: LuxalLightboxService) {}
openLightBox(): void {
/**
*In method parameter [] you need to forward you JSON of images
* JSON looks like
* {'uri':'https://someuri.com/img34.jpg'}
*/
this.lightboxService.open([{uri: 'https://www.placecage.com/640/360\n'},
{uri: 'https://i.pinimg.com/originals/01/61/6b/01616b7daa1d2ef8846022bffc253d68.png'},
{uri: 'https://www.swiss.com/content/dam/lx/images/pixels_variations/c-1079783203-2295925.jpg.transform/lh-dcep-transform-width-1440/img.jpg'},
])
}
}
<!--You can click on some other element which is not button-->
<button (click)="open()">Some button which open gallery</button>
Lightbox
2.2.0
2 years ago
6.1.0
2 years ago
6.3.0
2 years ago
6.2.0
2 years ago
7.0.0
2 years ago
7.0.2
2 years ago
2.0.1
2 years ago
7.0.1
2 years ago
6.0.0
2 years ago
5.1.0
2 years ago
4.1.2
2 years ago
4.1.1
2 years ago
3.1.1
2 years ago
3.1.0
2 years ago
3.0.0
2 years ago
0.0.3
2 years ago
2.1.0
2 years ago
2.0.0
2 years ago
1.0.0
2 years ago
1.0.2
2 years ago
0.0.1
2 years ago