A zero-clutter jQuery image gallery lightbox that works well on desktop & mobile. Single file. No animations or styling.
JavaScript
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
demo.html
jquery.museum.js
museum.jquery.json

README.md

jquery-museum

A zero-clutter jQuery image gallery.

View Demo

  • Single file.
  • Works well on desktop & mobile.
  • Clicking the image (or hitting arrow keys) goes to the next one.
  • Clicking outside the image (or hitting escape) closes the overlay.
  • Images can be deep-linked (uses URL hash).
  • The browser back button is respected.

No other animations or styling.

Just add <script src='jquery.museum.js'></script> to your head and initialize it with $.museum($('#relevant-context img'));. Make sure the selected elements are <img> tags.

You may also add a fullsize data tag to the img element to load a larger image in the gallery:

<img src="thumb.jpg" data-fullsize="large.jpg" />