Introducing iLightBox

iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.
By combining support for a wide range of media with gorgeous skins and a user-friendly API, iLightBox aims to push the Lightbox concept as far as possible.

Need reasons to love iLightBox? Look no further.

Browser support

IE7+ (including IE10), Firefox, Safari, Opera, Chrome, IOS4+, and Android are supported.

Made for everyone.

iLightBox was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers as well.

Packed with features.

To make things even more awesome iLightBox comes with fullscreen, retina-ready skins, supports for swipe events, Youtube and Vimeo integration for HTML5 video, powerful Javascript API and has lifetime free support and updates.

Responsive Lightbox

iLightBox adds beautiful and responsive Lightbox capability to your HTML and WordPress-powered website. Lightboxes automatically resize correctly on all screen resolutions, and allow for easy forward and backward navigation.

Social Sharing

Each window has social sharing icons which allows your visitors to easily share them across the social networks. Deep-Linking is also baked in, which means each window gets it’s own unique URL. When that special link is visited, iLightBox automatically opens that specific window! Supports Facebook, Twitter, Google+, Delicious, Digg and reddit – you can even edit the default buttons or create your custom social button!

Mobile Friendly

Not only does it resize to fit perfectly on mobile devices, but mobile users can also use swipe gestures to navigate through the media galleries. Running out of space and can’t see the window in it’s full glory? We have you covered – just tap the window to hide the social icons and window caption. Tap again to bring them back.

So What Can iLightBox Do For Your Website and Business?

Your Lightboxes will become easily viewable on all devices screen sizes. No more frustrated users!

Your Lightboxes become easily shared on social sharing networks.

Built-in support for several of the most popular image and SEO plugins you’re probably already using.

Fully customizable skins and settings to match your responsive Lightboxes to your website’s existing design.

Include your own custom Javascript and CSS for complete flexibility to meet any need you may have.

Features

jQuery capabilities.
Responsive design.
6 ready to use skins.
Native browser fullscreen support.
Cross browser, supports Chrome, FireFox, Safari, Opera and IE7+
Device friendly, works in iPhone, iPad, Android Devices and Windows Phone.
Highly User Interface Design.
Fully customizable, it’s possible to customize or redesign all parts of iLightBox.
Search engine optimized (SEO)
YouTube and Vimeo videos are supported.
Video auto recognition from sites.
Smart Content recognizer
Option to preview thumbnail over navigation.
Advanced JavaScript API considered.
Smart resource loader
Simple clean & valid markup
Developed with pure object oriented JavaScript
Multilanguage support
Keyboard support
Touch support
Mouse support: (Click, Wheel)
Extended HTML documentation
Powerful, documented API — public methods, properties, callbacks
Tons features more...

WordPress ^Version Features

Show galleries and inline galleries.
Compatible with the regular wordpress gallery shortcode.
Compatible with the Jetpack galleries.
Compatible with the nextGEN galleries.
Multisite Support.
Shortcode parser for HTML contents.
Multiple file upload.
Works with Ajax Themes.
Autodetect all Videos and Images links.
Mobile Optimization capability.
Search engine optimized (SEO)
YouTube and Vimeo videos are supported.
Multilanguage support
Extended HTML documentation
Powerful, documented API — public methods, properties, callbacks
Tons features more...

Demo

WP Demo: Click here to see examples
WP Admin: Click here to see admin dashboard
Username: demo
Password: demo

IF YOU HAVE ANY QUESTION THAT ARE BEYOND THE SCOPE OF THE ILIGHTBOX, PLEASE FEEL FREE TO JOIN THE DISCUSSION OR EMAIL ME VIA MY USER PAGE CONTACT FORM. THANKS SO MUCH!

IMAGES · Single Image

Here we use default settings and default styles for single image preview.

Pictures by vhm-Alex

IMAGES · Image Gallery

Here we use default settings and customize skin for some pictures in image gallery preview.

Pictures by nikosvasilakis

This Grid has been made by WordPress Gallery Extra

IMAGES · Deeplinking & Infinite

In this case iLightBox allow photos will be available for next references via URL and infinite the gallery.

Pictures by DAVE HILL

IMAGES · Advanced Examples

Here we use custom settings and advanced options for making advanced previews.

Inline Image Gallery

An image Gallery with a single click and some customization like: skin, path, startFrom, ...

Pictures by caesarlima
Force Size & Custom Attribute

A single image via custom attribute, force size and some customization like: skin, ...

Picture by caesarlima
Open in Modal

Toggle if clicking the overlay or press "Esc" key shouldn't close iLightBox.

Pictures by MARCUS ERIKSSON
Auto recognition

In this case iLightBox auto recognize images from image sharing sites e.g. flickr, instagram, deviantArt, ... and captions and social buttons only appear when mouseover on images.
Auto cycling & Arrows

In this example iLightBox auto cycling images and the arrow buttons will be available for better control over changing images.

Pictures by nikosvasilakis

HTML · Inline Content

Tokyo RisingFeaturing Pharrell Williams

Tokyo faces a new reality after the tragedy of 3/11. While persistent challenges still lay ahead, the city's creative class is hell-bent on making sure that their hometown thrives. Innovative and resilient, they are defining the future of Tokyo on their own terms.

Full Documentary

architecture & design art culture japan music tokyo urban exploration video

HTML · Ajax

iLightBox can handle Ajax calls. All ajax options is customizable. The lazy loading can load ajax call and all entire elements.

HTML · FLASH / SWF

Open Flash in iLightBox

Open Flash with forced size (720x460)

HTML · IFRAME

Open iProDev (95%x460)

Open Eiffel Tower (860x420)

Open Eiffel Tower Panoramio (860x320)

HTML · Advanced Examples

In this case iLightBox display the DOM elements that created on the fly and the lazy loading can load all entire elements.

<div class="center">
  <h2>
    <img src="assets/img/smile.gif">
    It's time to upgrade.
  </h2>
  <hr>
  <p>iLightBox supports DOM elements created on the fly.</p>
</div>

Create DOM elements 'on the fly'