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;
    }

## More demos

Thumbnails
Youtube/Vimeo Videos
HTML5 Videos
Transitions
Dynamic
Events
Methods
Iframe
Captions
Responsive
fixed Size
Html Markup
Comment box
Easing
Hash plugin
Share