https://github.com/mpetroff/slenderbox

Slenderbox is a lightweight and framework-free lightbox script.
https://github.com/mpetroff/slenderbox

Last synced: about 1 month ago
JSON representation

Slenderbox is a lightweight and framework-free lightbox script.

• Host: GitHub
• URL: https://github.com/mpetroff/slenderbox
• Owner: mpetroff
• License: mit
• Created: 2012-12-19T22:21:17.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2014-08-23T20:20:57.000Z (over 10 years ago)
• Last Synced: 2024-10-16T12:45:30.694Z (3 months ago)
• Language: JavaScript
• Homepage: http://mpetroff.github.io/slenderbox/
• Size: 1010 KB
• Stars: 3
• Watchers: 5
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: COPYING

Awesome Lists containing this project

README

        
# Slenderbox

## About

Slenderbox is a lightweight and framework-free lightbox script. Coming in at just 2kB minified and gzipped, it is considerably smaller than even the loading icon used by most similar scripts. In addition, by using the HTML5 data attribute, it can be used in valid HTML5.

## How to Use

1. Upload `build/slenderbox.js` and `build/slenderbox.css` to a web server.

2. Include the JavaScript file: ``, using the correct path to `slenderbox.js`.

3. Include the CSS file: ``, using the correct path to `slenderbox.css`.

4. Add `data-sbox` to image links where a lightbox is desired.

5. Add `data-sbox="REFERENCE"` with a common REFERENCE to sets of links where a lightbox gallery is desired.

6. A link's `title` becomes a caption in the lightbox.

## Examples

An example is included in the `examples` directory.

## Browser Compatibility

Since Slenderbox is built with HTML5, CSS3, and SVG, it requires a modern browser to function.

#### Full support:

* Firefox 16+

* Chrome 5+

* Safari 4.1+

* Opera 12.5+

* Internet Explorer 10+

#### Partial support:

* Firefox 3.5+

* Chrome 4+

* Opera 10.5+

* Internet Explorer 9+

## License

Slenderbox is distributed under the MIT License. For more information, read the file `COPYING` or peruse the license [online](http://www.opensource.org/licenses/MIT).

The images provided with the examples are licensed under the [Creative Commons Attribution-ShareAlike 3.0 Unported License](http://creativecommons.org/licenses/by-sa/3.0/).

## Credits

* [Matthew Petroff](http://mpetroff.net/), Original Author