lightGallery version 2 has been released. Please upgrade

Gallery With Iframe.

HTML structure

<button class="btn btn-success btn-lg mrb50" data-iframe="true" id="open-website" data-src="https://en.wikipedia.org/wiki/Main_Page">Open website</button>

<button class="btn btn-success btn-lg mrb50" data-iframe="true" id="open-pdf" data-src="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf">Open PDF</button>

<button class="btn btn-success btn-lg mrb50" data-iframe="true" id="google-map" data-src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d248849.84916296514!2d77.6309395!3d12.9539974!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1410805729331">Google map</button>

Javascript

// Website
$('#open-website').lightGallery({
    selector: 'this'
});

// pdf
$("#open-pdf").lightGallery({
    selector: "this",
    addClass: "pdf-viewer",
});

// Google map
$('#google-map').lightGallery({
    selector: 'this',
    iframeMaxWidth: '80%'
});

CSS

.pdf-viewer .lg-object {
    // Height of the toolbar
    padding-top: 47px;
}