Imagelightbox

Image Lightbox, Responsive and Touch‑friendly

Download .zip Download .tar.gz View on GitHub

With activity indication

$('a[data-imagelightbox="a"]')
                        .imageLightbox({activity: true});
                

With overlay

$('a[data-imagelightbox="b"]')
                    .imageLightbox({overlay: true});
                

With "close" button

$('a[data-imagelightbox="c"]')
                    .imageLightbox({button: true, quitOnDocClick: false});
                

With caption

  • Just another sunset in Tanzania

                    $('a[data-imagelightbox="d"]')
                    .imageLightbox({caption: true});
                

With navigation


                    $('a[data-imagelightbox="e"]')
                    .imageLightbox({navigation: true});
                

With arrows

$('a[data-imagelightbox="f"]')
                    .imageLightbox({arrows: true});
                

All of the above

With manual trigger

dynamically adding

Disabled body scrolling

Press enter for fullscreen

Filter images by extension

Allow gif only

Events

$('a[data-imagelightbox="k"]').imageLightbox();
$(document)
.on("start.ilb2", function () { console.log("start.ilb2"); })
.on("loaded.ilb2", function () { console.log("loaded.ilb2"); })
.on("next.ilb2", function () { console.log("next.ilb2"); })
.on("previous.ilb2", function () { console.log("previous.ilb2"); })
.on("quit.ilb2", function () { console.log("quit-ilb2"); });