5
Jak mogę ograniczyć galerię magnific-popup, aby skierować rodzeństwo? Kiedy otwieram obraz z pierwszego. Dziecka, nie chcę, aby obrazy z drugiego .childa znajdowały się w galerii.Magnific-Popup, Ogranicz pozycje do bezpośredniego rodzeństwa
Struktura html:
<div class="parent">
<div class="child">
<a class="image-link" href="img/red1.jpg"><img src="img/red1.jpg"></a>
<a class="image-link" href="img/red2.jpg"><img src="img/red2.jpg"></a>
<a class="image-link" href="img/red3.jpg"><img src="img/red3.jpg"></a>
<a class="image-link" href="img/red4.jpg"><img src="img/red4.jpg"></a>
<a class="image-link" href="img/red5.jpg"><img src="img/red5.jpg"></a>
</div>
<div class="child">
<a class="image-link" href="img/city1.jpg"><img src="img/city1.jpg"></a>
<a class="image-link" href="img/city2.jpg"><img src="img/city2.jpg"></a>
<a class="image-link" href="img/city3.jpg"><img src="img/city3.jpg"></a>
<a class="image-link" href="img/city4.jpg"><img src="img/city4.jpg"></a>
<a class="image-link" href="img/city5.jpg"><img src="img/city5.jpg"></a>
</div>
</div>
jak zainicjować Magnific-popup:
$('.child').magnificPopup({
delegate: '.image-link',
type:'image',
gallery: {
enabled: true
}
});
to działa świetnie. Po zaimplementowaniu @gang można usunąć klasę 'image-link' i po prostu użyć' delegate: 'a'' - trochę bardziej czystego w ten sposób. :) – texelate