PHPackages                             jkauflin/jjkgallery - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. jkauflin/jjkgallery

ActiveProject[Image & Media](/categories/media)

jkauflin/jjkgallery
===================

Web Media Gallery display for photos, videos, music, and docs

v3.3.17(2y ago)1167MITJavaScript

Since Dec 11Pushed 2y ago1 watchersCompare

[ Source](https://github.com/jkauflin/MediaGallery)[ Packagist](https://packagist.org/packages/jkauflin/jjkgallery)[ RSS](/packages/jkauflin-jjkgallery/feed)WikiDiscussions master Synced 3w ago

READMEChangelog (10)DependenciesVersions (59)Used By (0)

MediaGallery
============

[](#mediagallery)

HTML5 Javascript PHP dynamic media gallery for photos, youtube links, MP3 files, and PDF docs

It will dynamically build menus, breadcrumbs, and thumbnails based on the file structure and files

Photo gallery is based on [blueimp library](https://blueimp.github.io/Gallery/)

Music is straight HTML5 Audio

Video uses a text file with YouTube links

Currently dependent on Bootstrap 5, and Font Awesome icons being included in the main page

Getting Started
---------------

[](#getting-started)

1. Put your files in a Media folder on the web root with the following folders:

```
Media
    Docs
    images
    Music
    Photos
    Videos

```

2. Add the following dependencies to `composer.json` to pull in the package from [packagist.org](https://packagist.org/packages/jkauflin/jjkgallery)

```
{
    "require": {
        "jkauflin/jjkgallery": "^2.1.0"
    }
}

```

3. Add the mediagallery javascript file to the root web page:

```

```

4. Add navigation link with data-dir and MediaPage references:

```

             Photos
             Videos
             Music

```

5. Add a MediaPage tab-pane with the following DIV sections

```

```

###  Health Score

30

—

LowBetter than 62% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity68

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~19 days

Recently: every ~6 days

Total

58

Last Release

900d ago

Major Versions

v1.1.7 → v2.0.02022-05-22

v2.2.1 → v3.0.02023-05-25

### Community

Maintainers

![](https://www.gravatar.com/avatar/c8fc58a4d94f5eeea64fc8ff0ea22048be4788eecf1f69776963d80a97ddf87f?d=identicon)[jkauflin](/maintainers/jkauflin)

---

Top Contributors

[![jkauflin](https://avatars.githubusercontent.com/u/9916071?v=4)](https://github.com/jkauflin "jkauflin (87 commits)")

### Embed Badge

![Health badge](/badges/jkauflin-jjkgallery/health.svg)

```
[![Health](https://phpackages.com/badges/jkauflin-jjkgallery/health.svg)](https://phpackages.com/packages/jkauflin-jjkgallery)
```

###  Alternatives

[goat1000/svggraph

Generates SVG graphs

135911.1k3](/packages/goat1000-svggraph)[gravatarphp/gravatar

Gravatar URL builder which is most commonly called as a Gravatar library

16653.6k2](/packages/gravatarphp-gravatar)[rsoury/wp-imgix

Rewrites WordPress image URLs to use ImgIX

167.2k](/packages/rsoury-wp-imgix)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)