PHPackages                             dmitryproa/swipebox - 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. dmitryproa/swipebox

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

dmitryproa/swipebox
===================

A touchable jQuery lightbox (origin: https://brutaldesign.github.io/swipebox/ )

1.4.4(1y ago)013JavaScript

Since Aug 15Pushed 1y agoCompare

[ Source](https://github.com/dmitryproa/swipebox)[ Packagist](https://packagist.org/packages/dmitryproa/swipebox)[ RSS](/packages/dmitryproa-swipebox/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (2)Used By (0)

ORIGIN: Made this fork just for composer

Swipebox
========

[](#swipebox)

A touchable jQuery lightbox.

[View project page](https://swipebox.codes/)

What is Swipebox ?
------------------

[](#what-is-swipebox-)

Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet.

Features
--------

[](#features)

- Swipe gestures for mobile
- Keyboard Navigation for desktop
- CSS transitions with jQuery fallback
- Retina support for UI icons
- Easy CSS customization
- Video, Images and Inline content

### Compatibility

[](#compatibility)

Chrome, Safari, Firefox, Opera, IE9+, IOS4+, Android, windows phone.

Usage
-----

[](#usage)

### Javascript

[](#javascript)

Include jquery and the swipebox script in your head tags or right before your body closing tag.

```

```

### CSS

[](#css)

Include the swipebox CSS style in your head tags.

```

```

### HTML

[](#html)

Use a specific class for your links and use the title attribute as caption.

```

```

### Fire the plugin

[](#fire-the-plugin)

Bind the swipebox behaviour on every link with the "swipebox" class.

```
$( '.swipebox' ).swipebox();
```

### Options

[](#options)

```
useCSS : true, // false will force the use of jQuery for animations
initialIndexOnArray: 0, // which image index to init when a array is passed
removeBarsOnMobile : true, // false will show top navigation bar on mobile devices
hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices
removeBarsOnMobile : true, // false will show bottom bar on mobile devices
hideBarsDelay : 3000, // delay before hiding bars on desktop
videoMaxWidth : 1140, // videos max width
beforeOpen: function(){} , // called before opening
afterOpen: null, // called after opening
afterClose: function(){}, // called after closing
afterMedia: function(){}, // called after media is loaded
loopAtEnd: false, // true will return to the first image after the last image is reached
autoplayVideos: false // true will autoplay Youtube and Vimeo videos
queryStringData: {} // plain object with custom query string arguments to pass/override for video URLs,
toggleClassOnLoad: '' // CSS class that can be toggled when the slide will be loaded (like 'hidden' of Bootstrap)
useSVG: true
nextSlide: function(){} // called on next slide, works for next button, arrow keys and touch navigation
prevSlide: function(){} // called on previous slide, works for previous button, arrow keys and touch navigation
```

### Pull Requests

[](#pull-requests)

I want to keep this plugin as simple as possible. I won't merge pull requests for additional features such as download buttons, social like buttons, IE8 compatibility etc... But feel free to fork the project and customize it to suit to your needs. Most wanted PR are for bug fixes. Also, a future improvement will be to allow zoom on touchable devices.

If you want to submit a pull request please be sure to grunt the whole thing (mostly jshintrc validation and minified file) and send me a demo URL. Also, please comment your code.

Thanks for your understanding and thank you all for your helpful support!

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance34

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community19

Small or concentrated contributor base

Maturity39

Early-stage or recently created project

 Bus Factor1

Top contributor holds 54.5% 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

Unknown

Total

1

Last Release

633d ago

### Community

Maintainers

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

---

Top Contributors

[![brutaldesign](https://avatars.githubusercontent.com/u/3048636?v=4)](https://github.com/brutaldesign "brutaldesign (66 commits)")[![dheera](https://avatars.githubusercontent.com/u/1786477?v=4)](https://github.com/dheera "dheera (15 commits)")[![matthaywardwebdesign](https://avatars.githubusercontent.com/u/6156252?v=4)](https://github.com/matthaywardwebdesign "matthaywardwebdesign (8 commits)")[![wolfthemes](https://avatars.githubusercontent.com/u/25675243?v=4)](https://github.com/wolfthemes "wolfthemes (3 commits)")[![apropos](https://avatars.githubusercontent.com/u/465362?v=4)](https://github.com/apropos "apropos (2 commits)")[![stackcoder](https://avatars.githubusercontent.com/u/4529523?v=4)](https://github.com/stackcoder "stackcoder (2 commits)")[![dmitryproa](https://avatars.githubusercontent.com/u/48441095?v=4)](https://github.com/dmitryproa "dmitryproa (2 commits)")[![gergo85](https://avatars.githubusercontent.com/u/2959112?v=4)](https://github.com/gergo85 "gergo85 (2 commits)")[![elstgav](https://avatars.githubusercontent.com/u/674092?v=4)](https://github.com/elstgav "elstgav (1 commits)")[![fabtho](https://avatars.githubusercontent.com/u/15102967?v=4)](https://github.com/fabtho "fabtho (1 commits)")[![alertmybanjos](https://avatars.githubusercontent.com/u/4190?v=4)](https://github.com/alertmybanjos "alertmybanjos (1 commits)")[![j-r-t](https://avatars.githubusercontent.com/u/2971832?v=4)](https://github.com/j-r-t "j-r-t (1 commits)")[![karooolis](https://avatars.githubusercontent.com/u/3159964?v=4)](https://github.com/karooolis "karooolis (1 commits)")[![leberknecht](https://avatars.githubusercontent.com/u/1165177?v=4)](https://github.com/leberknecht "leberknecht (1 commits)")[![lucasts](https://avatars.githubusercontent.com/u/6397?v=4)](https://github.com/lucasts "lucasts (1 commits)")[![micschk](https://avatars.githubusercontent.com/u/1005986?v=4)](https://github.com/micschk "micschk (1 commits)")[![oswaldoacauan](https://avatars.githubusercontent.com/u/1268518?v=4)](https://github.com/oswaldoacauan "oswaldoacauan (1 commits)")[![ppsirius](https://avatars.githubusercontent.com/u/6945614?v=4)](https://github.com/ppsirius "ppsirius (1 commits)")[![psenger](https://avatars.githubusercontent.com/u/211395?v=4)](https://github.com/psenger "psenger (1 commits)")[![splitbrain](https://avatars.githubusercontent.com/u/86426?v=4)](https://github.com/splitbrain "splitbrain (1 commits)")

### Embed Badge

![Health badge](/badges/dmitryproa-swipebox/health.svg)

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

###  Alternatives

[milon/barcode

Barcode generator like Qr Code, PDF417, C39, C39+, C39E, C39E+, C93, S25, S25+, I25, I25+, C128, C128A, C128B, C128C, 2-Digits UPC-Based Extention, 5-Digits UPC-Based Extention, EAN 8, EAN 13, UPC-A, UPC-E, MSI (Variation of Plessey code)

1.5k13.3M39](/packages/milon-barcode)[bkwld/croppa

Image thumbnail creation through specially formatted URLs for Laravel

510496.0k22](/packages/bkwld-croppa)[goat1000/svggraph

Generates SVG graphs

132849.6k3](/packages/goat1000-svggraph)[cohensive/embed

Media Embed (for Laravel or as a standalone).

120370.4k](/packages/cohensive-embed)[netresearch/rte-ckeditor-image

Image support in CKEditor for the TYPO3 ecosystem - by Netresearch

63991.3k4](/packages/netresearch-rte-ckeditor-image)[humanmade/tachyon-plugin

Rewrites WordPress image URLs to use Tachyon

87338.5k2](/packages/humanmade-tachyon-plugin)

PHPackages © 2026

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