GitHub Ultimate Lightbox Gallery

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

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, Greasemonkey alebo Violentmonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, % alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey alebo Userscripts.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie správcu používateľských skriptov.

(Už mám správcu používateľských skriptov, nechajte ma ho nainštalovať!)

Advertisement:

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

(Už mám správcu používateľských štýlov, nechajte ma ho nainštalovať!)

Advertisement:

Autor
Mochamad Adi
Denne inštalácií
0
Celkový počet inštalácií
1
Hodnotenie
0 0 0
Verzia
7.4
Vytvorené
06.07.2026
Aktualizované
10.07.2026
Veľkosť
30,9 KB
Licencia
MIT
Spustiť na

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!