Jak zdefiniować galerię treści wbudowanych w HTML do użytku z Magnific-Popup?
Mam wiele galerii na stronie, które są uruchamiane z ich odpowiednich przycisków. Podoba mi się pomysł zdefiniowania znaczników dla galerii na stronie obok przycisku, a następnie ukrycie za pomocą.mfp-hide
. Nie mogę jednak aktywować okienka, gdy dodajędelegate
słowo kluczowe (inaczej).
Oto kod, który mam do tej pory
HTML
<div id="gallery1" class="mfp-hide">
<div class="slide">
... some content for slide 1 ...
</div>
<div class="slide">
... some content for slide 2 ...
</div>
</div>
<p>Blah blah <a href="#gallery1" class="open-gallery-link">view gallery one</a> blah blah ...</p>
Javascript
$('.open-gallery-link').magnificPopup({
type:'inline',
delegate:'.slide',
gallery: {
enabled: true
}
});