nanostudio-org / nanogallery2

a modern photo / video gallery and lightbox [JS library]

Home Page:https://nanogallery2.nanostudio.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Option to disable bottom thumbnails in lightbox?

SandroRiz opened this issue · comments

Is there an option to not have the thumbnail in the bottom of a single displayed image? Sometimes on the phone it hides too much of the photo, expecially if the pictures has interisting details i lower part.

Thanks
Sandro
Screenshot_20230515_100417_Chrome

I think viewerGallery: none does this as part of the data-nanogallery2-lightbox attribute within the HTML img tag for a single image lightbox, or within the data-nanogallery2 attribute of the containing div of a gallery...

So adding:
data-nanogallery2="{"viewerGallery" : "none"}"

to your id="nanogallery2" div

I think will work..! (careful with the quotes though)

Works perfect in the initialization... thanks a lot
` <script>
jQuery(document).ready(function () {
jQuery("#nanogallery2").nanogallery2( {
// ### gallery settings ###

                   viewerGallery : "none",

                    'viewerToolbar': {
                        'display': false,
                        'standard': 'label',
                        'minimized': 'minimizeButton, label, sharebutton, fullscreenButton'
                    },
                    viewerTools: {
                        'topRight': 'zoomButton, fullscreenButton, infoButton, shareButton, closeButton'
                    },     
                   viewerGallery : "none",
                    thumbnailBorderHorizontal: 0,
                    thumbnailBorderVertical: 0,
                    thumbnailHeight:  200,
                    thumbnailWidth:   'auto',
                    thumbnailLabel: { display : <%=displayLabel %>  },
                    fnPopupMediaInfo: myPopupInfo
                  });
              });
 </script>`