🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A zero-clutter jQuery image gallery lightbox that works well on desktop & mobile. Single file. No animations or styling.Features: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.

Gallery Plugins Popup Window

Documentation

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" />


You May Also Like