import { Lightbox } from 'ngx-lightbox'; export class AppComponent { _albums = []; constructor(private _lightbox: Lightbox) { for (let i = 1; i <= 4; i++) { const src = 'https://themyth92.com/project/ngx-lightbox/demo/img/image' + i + '.jpg'; const caption = 'Image ' + i + ' caption here'; const thumb = 'https://themyth92.com/project/ngx-lightbox/demo/img/image' + i + '-thumb.jpg'; const album = { src: src, caption: caption, thumb: thumb }; this._albums.push(album); } } open(index: number): void { // open lightbox this._lightbox.open(this._albums, index); } close(): void { // close lightbox programmatically this._lightbox.close(); } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter