GitHub Ultimate Lightbox Gallery

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

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

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

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Advertisement:

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

Advertisement:

Autor
Mochamad Adi
Instalaciones diarias
0
Instalaciones totales
1
Calificaciones
0 0 0
Versión
7.4
Creado
06/07/2026
Actualizado
10/07/2026
Tamaño
30.9 KB
Licencia
MIT
Funciona en

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!