Get new jQuery plugins just once a week

×

lighterbox

October 2, 2014

A lighterweight gallery module for modern desktop and mobile browsers.

lighterbox is a jQuery plugin for a lighterweight gallery module for modern desktop and mobile browsers.

Created by Adam

Download

Example

lighterbox jQuery plugin

alert

lighterbox

A lighterweight lightbox gallery module. A simple plugin supporting modern mobile and desktop browsers to minimize configuration and hacky code. Customizable.

Example

See an example here.

Usage

Download lighterbox and reference it after jQuery.

<script src="/js/libs/jquery/jquery.lighterbox.js"></script>

Or load via synchronous or asynchronous module definition.

All basic styling is set in the JS, however it would be easy to override using the class selectors.

HTML

<a href="https://s3.amazonaws.com/hensonism-art/paul-gauguin/gaugin3.jpg" class="lighterbox">
    <img src="https://s3.amazonaws.com/hensonism-art/paul-gauguin/thumbs/gaugin3.jpg" />
    <h2 class="lighterbox-title">Painting by Paul Gaugin</h2>
    <span class="lighterbox-desc">Oil on Canvas</span>
</a>

JavaScript

$(".lighterbox").lighterbox({ overlayColor : "white" });

Options

lighterbox

Related posts:

FrameWarp
flipLightBox
Remodal
lighterbox jQuery plugin

http://jquer.in/wp-content/uploads/2014/09/lighterbox.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever