Multiple Galleries with Magnific Popup

Question

I\'m trying to create a page with a few galleries using the Magnific-Popup jQuery plug-in. I different sections contained in divs with separate ids and a .gal

Answer 1

From the documentation:

To have multiple galleries on a page, you need to create a new instance of Magnific Popup for each seperate gallery. For example

    Open image 1 (gallery #1)
    Open image 2 (gallery #1)


    Open image 1 (gallery #2)
    Open image 2 (gallery #2)
    Open video (gallery #2). Class mfp-iframe forces "iframe" content type on this item. 

Javascript

$('.gallery').each(function() { // the containers for all your galleries
    $(this).magnificPopup({
        delegate: 'a', // the selector for gallery item
        type: 'image',
        gallery: {
          enabled:true
        }
    });
});

Hope that helps!