Introducing iLightBox

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.

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'