GitHub Ultimate Lightbox Gallery

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

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

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

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

Advertisement:

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

Advertisement:

作者のサイトでサポートを受ける。または、このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
Mochamad Adi
1日のインストール数
0
累計インストール数
1
評価
0 0 0
バージョン
7.4
作成日
2026/07/06
更新日
2026/07/10
大きさ
30.9KB
ライセンス
MIT
対象サイト

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!