Собственно есть галерея создана через ACF Pro которая выводяться на странице через репитер так как галерей есть несколько на одной странице. Хочу сдулать так чтобы была возможность пролистывать картинки и смотреть полноразмерную по клику в модальном окне
В модальном окне работает через fancybox но вот пролистывание работает только на первом слайдере на втором и дальше не листается
Код которым пробую добавить галерею прилагаю.
страница с примером
https://alptravel.com.ua/tour/test-repiter<?php
$images = get_sub_field('daysgalary');
$count=0;
$count1=0;
if($images) : ?>
<div id="slider">
<div id="carousel" class="carousel slide">
<ol class="carousel-indicators">
<?php foreach( $images as $image ): ?>
<li data-target="#carousel" data-slide-to="<?php echo $count; ?>" <?php if($count==0) : ?>class="active"<?php endif; ?>></li>
<?php
$count++;
endforeach; ?>
</ol>
<div class="carousel-inner">
<?php foreach( $images as $image ): ?>
<div class="item<?php if($count1==0) : echo ' active'; endif; ?>">
<a href="<?php echo $image['sizes']['large']; ?>" class="fancybox img-<?php echo $counter; ?>" rel="mini">
<img src="<?php echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>" />
</a>
</div>
<?php
$count1++;
endforeach;
?>
</div>
</div>
<a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<?php endif; ?>
