Я использую flexslider для вращения некоторых изображений, теперь есть требование реализовать всплывающую галерею с этим слайд-шоу, т. Е. Когда пользователь нажимает на активный слайд внутри слайдера, он хочет показать в световом окне как галерею.
Итак, я попытался включить «magnificPopup», он работает, но проблема в том, что он захватывает все экземпляры слайдов, то есть, если у меня есть 2 изображения в слайдере, я получу 4 во всплывающей галерее, т. е. magnificpopup извлекает все экземпляры включая «клоны», так как я могу реализовать эту проблему, есть ли другой способ, или функции плагина или обратного вызова, которые я могу использовать ?? Ниже приведен код, который я пробовал, все они являются базовыми.
Flex Sldier:
$('.slideTwo').flexslider({
animation: "slide",
controlNav: true,
directionNav: false,
animationLoop: true,
slideshow: false
});
Великолепное всплывающее окно:
$('.popup-link').magnificPopup({
type: 'image',
gallery:{enabled:true}
});
HTML:
<div class="slideTwo" id="slideTwo">
<ul class="slides">
<li>
<a class="popup-link" href="img/room1.jpg"><img src="img/room1.jpg" alt="">
<span>East Wall</span>
</a>
</li>
<li>
<a class="popup-link"href="img/room21.jpg"><img src="img/room21.jpg" alt="">
<span>West Wall</span>
</a>
</li>
</ul>
</div>