I can not fix an error I found in the docs because I can not find the repo for the docs.

It would be nice to have these features:

• If you click outside the image, you close it. It's a common behaviour now with so many touch devices.
• If you press the ESC button, you close the photo. Many viewers already implement this feature.

Greetings and thanks!

feimosi/baguetteBox.js#156

As per this issue, beginners or people who aren't that sharp on JS are stumbling on that step.

Why not update the Usage to say "Initialize the script when the DOM is ready, e.g."
<script> window.addEventListener('load', function() { baguetteBox.run('.gallery'); }); </script>

I bring this up because I teach for a web development

This plugin has the potential to be very useful but it's hampered by your README.

I had to google for guides to comprehend how to use featherlight, not ideal considering how long the README is.

Please please please update your documentation.

There's a few issues with the remote content docs and example.

Firstly, the source code shown in this section doesn't seem to relate to loading remote content.

Secondly, some explanation should be provided regarding the manner in which local vs remote content. Looking at the source I can see that local content is simply loaded into the lightbox with no iframe, but the docs imply that any con

Optimize footer's height by using a % value, so it has proper height for both landscape and portrait orientations. May I submit a PR for this?

Feature

It would be nice to set custom title to default toolbar buttons, just like aria-label
I think we could use the same labels as aria-label

I've been thinking, when you one of the images from the gallery, we've got left and right arrow to use only. What if we add the possibility to have thumbnails on the bottom of the page?

I'd like to contribute and develop it. What do you think?

Just a suggestion based upon a gotcha I encountered. When using SSR you get 'document is not defined' (since document is client side only). I modified your example to remedy this.

  const { Portal } = usePortal({
    bindTo: typeof window !== 'undefined' ? document && document.getElementById('selector') : null
  })

Thanks for the package.

Would it be possible to use CSS transforms instead of setting max-width? Transforms should be more performant especially on low-end devices.

It would be helpful if the demos on the homepage included the example code that initiated them. At the very least, please create a link to the JS file that one should reference, which appears to be: http://cornel.bopp-art.com/lightcase/project/js/lightcase.init.js

hi im using lighbox and the modal is not showing property. it is showing in the bottom of the page