GitHub Ultimate Lightbox Gallery

A minimalist lightbox gallery for GitHub repositories that allows full-screen viewing, zooming, and navigation of documentation images.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Advertisement:

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

Advertisement:

Autore
Mochamad Adi
Installazioni giornaliere
0
Installazioni totali
1
Valutazione
0 0 0
Versione
7.4
Creato il
06/07/2026
Aggiornato il
10/07/2026
Dimensione
30,9 KB
Licenza
MIT
Applica a

GitHub Ultimate Lightbox Gallery

A high-performance, minimalist Userscript that transforms static documentation images and embedded screenshots on GitHub repository pages into an interactive, sleek Lightbox Gallery Overlay.

Say goodbye to right-clicking "Open image in new tab" or being redirected to generic GitHub attachment pages just to see a screenshot clearly. With this script, clicking any image within the repository's README or markdown body instantly projects it into a gorgeous full-screen viewer.


✨ Core Features

  • 📺 Full-Screen Canvas Dominance: Small and large images are automatically scaled proportionally (object-fit: contain) to occupy the maximum available space on your monitor.
  • 🛡️ Total Auto-Hide UI: While zooming in or via manual toggle, all menu bars, backgrounds, and thumbs completely fade away, leaving you with a 100% distraction-free view.
  • 🎯 Smart "Go To" Location Focus: Seamlessly jump back and center your browser viewport exactly onto the photo's original location inside the long README document upon closing.
  • 🔍 Smooth Pointer Drag-to-Zoom: Zoom in effortlessly up to 6x using your mouse scroll-wheel or clicking, then drag/grab the image seamlessly to inspect hidden corners.
  • 🎞️ High-Fidelity GIF Engine: Built-in dynamic thumbnail generation using custom lightweight HTML5 Canvas snapshots to ensure smooth memory tracking and clean performance.
  • 🔑 Page Scroll & Trigger Lock: Completely freezes background page scrolling and suppresses accidental Spacebar/Enter key bubbling leaks while the overlay is open.
  • 🏷️ Smart Filename Title Extractor: Automatically cleans up hex encodings, tracking tokens, and file extensions from image headers to display clear titles instead of "Untitled Image".

⌨️ Keyboard Shortcuts

Take full control of the gallery engine without touching your mouse:

Key Action
/ Arrow Right Navigate to the Next image
/ Arrow Left Navigate to the Previous image
F Toggle Fullscreen projection mode
G Trigger Go To Location and close overlay
H Manual Toggle UI (Hide/Show Menu Bars)
ESC Close gallery (or exit hidden UI state)

Note: Pressing Spacebar or Enter is strictly intercepted and blocked while the lightbox is active to avoid unintended webpage scrolling leaks.


⚙️ Custom Exclusion Rules

You can easily modify the script's configuration at the top of the code source to filter out specific assets:

  • enableFilter: Toggle global exclusion rules (true/false).
  • excludeExtensions: Definitively skips vector files like ['SVG'] from cluster collection.
  • excludeDomains: Filters out non-documentation graphics such as ['avatars.githubusercontent.com'] so user profile avatars don't clutter your gallery.

🚀 Installation

  1. Install a userscript manager extension such as Tampermonkey or Violentmonkey on your browser.
  2. Click the Install button on this GreasyFork page.
  3. Open any GitHub repository (e.g., https://github.com/keeweb/keeweb) and click on an image to enjoy the ultimate browsing experience!