GitHub Ultimate Lightbox Gallery

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

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:

작성자
Mochamad Adi
일일 설치 수
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!