### Installation via NPM Source: https://www.nanostudio.org/nanogallery2 Command to install the nanogallery2 package using the Node Package Manager. ```bash npm install nanogallery2 ``` -------------------------------- ### Standalone Lightbox Implementation Source: https://www.nanostudio.org/nanogallery2 Use the data-nanogallery2-lightbox attribute on image elements to enable the lightbox functionality without additional JavaScript setup. ```html data-ngsrc = "big_image_1.jpg" data-nanogallery2-lightbox = '{ "viewerToolbar": { "display": false } }' /> ``` -------------------------------- ### JavaScript Initialization for NanoGallery2 Source: https://www.nanostudio.org/nanogallery2 Initialize NanoGallery2 using JavaScript within a jQuery(document).ready() function for dynamic control. This method is useful when gallery content or settings need to be loaded or modified programmatically. ```javascript

gallery made with nanogallery2

gallery_made_with_nanogallery2
``` -------------------------------- ### HTML Markup for NanoGallery2 Source: https://www.nanostudio.org/nanogallery2 Configure NanoGallery2 directly within your HTML using the 'data-nanogallery2' attribute. This method is suitable for static galleries where options do not need to be changed dynamically. ```html

gallery made with nanogallery2

data-nanogallery2 = '{ "thumbnailHeight": 150, "thumbnailWidth": 150, "itemsBaseURL": "https://nanogallery2.nanostudio.org/samples/" }' > Berlin 1 Berlin 2 Berlin 3
``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.