Поставил слайдер light Slider и вместе с ним использую magnific popup (что бы можно было открывать галлерею в модальном окне). Проблема вот в чем, имеется 2 слайда, но при открытии галлереи в модальном окне появляются дубликаты этих слайдов и получается, что модальной галлерее находятся 4 слайда
<div class="col-md-6 img_block_width ">
<div id="imageGallery" class="image-link">
<a href="/img/kolekc/sensa/big_33798_724.jpg" data-thumb="/img/kolekc/sensa/big_33798_724.jpg"><img src="/img/kolekc/sensa/big_33798_724.jpg" alt=""></a>
<a href="/img/kolekc/sensa/big_33800_634.jpg" data-thumb="/img/kolekc/sensa/big_33800_634.jpg"><img src="/img/kolekc/sensa/big_33800_634.jpg" alt=""></a>
</div>
</div>
Java Script:
$(document).ready(function() {
$('#imageGallery').lightSlider({
gallery:true,
item:1,
loop:true,
thumbItem:9,
slideMargin:0,
enableDrag: false,
currentPagerPosition:'left',
onSliderLoad: function(el) {
el.lightGallery({
selector: '#imageGallery .lslide'
});
}
});
});
$(document).ready(function() {
$('.image-link').magnificPopup({
delegate: 'a',
type:'image',
gallery:{
enabled:true
}
});
});