title: Slick slider with Magnific Popup Lightbox Gallery
body: <p>I have multiple thumbnail images with slick slider which I also want to be opened using a lightbox gallery for a bigger sized image.</p>
  
  <p>The slick slider works great and the lightbox does open but it will not detect the gallery function. How to edit the current Magnific Popup Jquery so it will detect the gallery?</p>
  
  <pre><code>jQuery('.popup-gallery').each(function() {
      jQuery(this).magnificPopup({
          delegate: 'a',
          type: 'image',
          tLoading: 'Loading image #%curr%...',
          mainClass: 'mfp-img-mobile',
          gallery: {
          enabled: true,
          navigateByImgClick: true,
          preload: [0,1], // Will preload 0 - before current, and 1 after the current image
          arrowMarkup: '&lt;button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"&gt;&lt;/button&gt;', // markup of an arrow button
        }
      });
    });
  </code></pre>
  
  <p>Here's a <a href="https://jsfiddle.net/3vyp3bzm/" rel="noreferrer">JSfiddle</a> for my current code.</p>