repowiseyaireo/photobox

yairEO / photobox

JavaScript★ 740

github.com/yaireo/photoboxIndexed at ade89c3Up to date with upstream

What is photobox?

photobox is a JavaScript image and video viewer for displaying gallery items in a browser. It shows one image or video at a time and uses CSS3 effects to transition between items. The project is implemented in JavaScript with jQuery.

Written by a model from the README and the source

3 files and 24 symbols in 2 modules, written in JavaScript.

Code health

8.5out of 10Excellent

This codebase scores 8.5 out of 10 for code health, which we rate excellent.

Use yairEO/photobox in your agent

Point Claude Code, Cursor, Codex or VS Code at this repository. Your agent gets the index this page is built from: cited answers, callers, history and health for any file.

  1. 1.In Claude, open Customize → Connectors, click +, then Add custom connector. On a Team or Enterprise plan an owner adds it first under Organization settings → Connectors.
  2. 2.Paste the server URL below as the Remote MCP server URL, then click Add.
  3. 3.Click Connect. A Repowise sign-in window opens. Approve access.
  4. 4.Repowise's tools are now available in your Claude chats.

Connect with one click. Sign in with Repowise (OAuth), no API key to copy. Works in Claude on the web, desktop, and mobile.

Docs
bash
https://api.repowise.dev/mcp/yaireo/photobox
Editors need an API key: sign in to create one.Sign in to connect

This repo is public, so anyone with a Repowise account and an API key can connect.

Try asking

  • get_overview()
  • get_answer("how is photobox put together?")
  • get_why("why is photobox structured this way?")

Explore photobox

Key features of photobox

  • photobox displays images and embedded videos in a gallery viewer.
  • photobox supports mousewheel zooming, mouse movement navigation, touch swipes, keyboard controls, and looping.
  • photobox displays thumbnail navigation, captions from image alt or title attributes, and the current item index.
  • photobox supports autoplay at a configured interval and can show an error message when an image fails to load.
  • photobox allows gallery effects and appearance to be changed through CSS.
  • photobox supports custom caption links through the data-pb-captionLink attribute.

How yairEO/photobox works

Input enters through gallery links and their thumbnail images, with video links identified by a rel attribute set to video. The photobox/jquery.photobox.js file handles gallery behavior, including item changes, navigation, zooming, captions, and autoplay. The demo directory provides the demonstration page and gallery markup. The viewer uses CSS3 transitions and animations to remove the current item, replace it with the next or previous item, and display the new item. The gallery can observe DOM changes and adapt when images are added or removed. HTML5 History can update the location with the currently viewed image when enabled.

The codebase has 3 files and 24 symbols in 2 modules, led by JavaScript. Code health is 8.5 out of 10, rated excellent.

yairEO/photobox FAQ

What is photobox?

photobox is a JavaScript image and video viewer for browser galleries. photobox displays one gallery item at a time with navigation, captions, and configurable effects.

How does photobox work?

photobox reads gallery links and thumbnails, then displays the selected image or embedded video. photobox uses JavaScript for gallery behavior and CSS3 transitions for item changes.

What language is photobox written in?

photobox is written in JavaScript. photobox uses jQuery for its viewer implementation.

How is the photobox code organized?

photobox is organized into the photobox directory, the demo directory, and a root-level file. The photobox directory holds the viewer implementation, while demo provides the demonstration page.

Who is photobox for?

photobox is for developers who need an image and video viewer for a browser gallery. photobox supports configurable navigation, captions, thumbnails, autoplay, and CSS effects.

What license does photobox use?

photobox uses the AGPL-3.0 license.

The summary, features and answers on this page are written by a model from the README and the source, and refreshed with each index.

About this page

Get a page like this for your own codebase

Repowise built this map of yairEO/photobox from its source and git history. It parses every symbol, draws the dependency graph, scores each file's health from complexity, duplication, coverage and churn, finds hotspots and owners in the history, and writes documentation for every module. Your coding agent reads the same index over MCP, so its answers cite real files.

Index your repo freeSee how Repowise worksFree for 2 public repos, with a page like this one.

Prefer local? pip install repowise && repowise init indexes your own checkout, no account needed.