# iLightBox

Sleek, smooth, powerful, and revolutionary jQuery lightbox plugin for creative and ambitious web designers and developers.

Documentation Discussion

- Version 2.1.5

- Follow @chawroka
- Tweet

# 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

## 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'

## Video · Simple Usage

Here we use default settings for single video preview.

- `YouTube`
- `Vimeo`
- `QuickTime`
- `HTML5`

## Video · Advanced Examples

In this case iLightBox recognize the video from any sites that the video is available on it and just show the video. Awesome :-)

- `YouTube`
- `Vimeo`
- `Hulu`
- `MetaCafe`
- `Dailymotion`
- `GameTrailers`

Create "Video Gallery" from top videos in Modal

## Advanced Examples · Mixed & Google Maps

- `Mixed Contents`
- `Google Maps via API`

## Advanced Examples · Events

## Advanced Examples · Image Gallery with Slideshow

Here we use some tricks in image gallery preview to give slideshow ability.

Pictures by nikosvasilakis

## Advanced Examples · Alert/Confirm/Prompt

You can replace the basic functionality provided by the standard javascript alert(), confirm(), and prompt() functions.