Сайт на WP, как я понимаю собран через Custom Fields. В админке есть блоки, один из них называется Фотогалерея. Добавляешь альбом, закидывашь туда фото. Больше никаких настроек нет.
В HTML коде галереги вот такое:
<section class="attractions" id="sc-foto">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Фотогалерея</h2>
<?php if(get_sub_field('under_h2')) echo "<div class=\"under_h2\">".get_sub_field('under_h2')."</div>"; ?>
</div>
</div>
<div class="row">
<div class="col-md-6">
<!--Attraction link 1 start-->
<div class="attraction-link">
<?php $images = get_sub_field('gallery1');if($images): ?>
<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery1" data-title="<?php echo $images[1]['caption']; ?>">
<div class="attraction-img">
<img class="img-responsive" src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>
<div class="attraction-overlay">
<i class="fa fa-search-plus"></i>
</div>
</div>
<div class="attraction-caption">
<div class="attraction-caption-title"><?php the_sub_field('h3_1'); ?></div>
<div class="attraction-distance"></div>
</div>
</a>
<?php foreach ($images as $key => $image) { if($key > 1){?>
<div data-toggle="lightbox" data-gallery="gallery1" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php }} ?>
<?php endif; ?>
</div>
<!--Attraction link 1 end-->
<div class="row">
<div class="col-md-6 col-sm-6">
<!--Attraction link 2 start-->
<div class="attraction-link">
<?php $images = get_sub_field('gallery2');if($images): ?>
<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery2" data-title="<?php echo $images[1]['caption']; ?>">
<div class="attraction-img">
<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>
<div class="attraction-overlay">
<i class="fa fa-search-plus"></i>
</div>
</div>
<div class="attraction-caption">
<div class="attraction-caption-title"><?php the_sub_field('h3_2'); ?></div>
<div class="attraction-distance"></div>
</div>
</a>
<?php foreach ($images as $key => $image) { if($key > 1){?>
<div data-toggle="lightbox" data-gallery="gallery2" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php }} ?>
<?php endif; ?>
</div>
<!--Attraction link 2 end-->
</div>
<div class="col-md-6 col-sm-6">
<!--Attraction link 3 start-->
<div class="attraction-link">
<?php $images = get_sub_field('gallery3');if($images): ?>
<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery3" data-title="<?php echo $images[1]['caption']; ?>">
<div class="attraction-img">
<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>
<div class="attraction-overlay">
<i class="fa fa-search-plus"></i>
</div>
</div>
<div class="attraction-caption">
<div class="attraction-caption-title"><?php the_sub_field('h3_3'); ?></div>
<div class="attraction-distance"></div>
</div>
</a>
<?php foreach ($images as $key => $image) { if($key > 1){?>
<div data-toggle="lightbox" data-gallery="gallery3" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php }} ?>
<?php endif; ?>
</div>
<!--Attraction link 3 end-->
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<!--Attraction link 4 start-->
<div class="attraction-link">
<?php $images = get_sub_field('gallery4');if($images): ?>
<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery4" data-title="<?php echo $images[1]['caption']; ?>">
<div class="attraction-img">
<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>
<div class="attraction-overlay">
<i class="fa fa-search-plus"></i>
</div>
</div>
<div class="attraction-caption">
<div class="attraction-caption-title"><?php the_sub_field('h3_4'); ?></div>
<div class="attraction-distance"></div>
</div>
</a>
<?php foreach ($images as $key => $image) { if($key > 1){?>
<div data-toggle="lightbox" data-gallery="gallery4" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php }} ?>
<?php endif; ?>
</div>
<!--Attraction link 4 end-->
</div>
<div class="col-md-3 col-sm-6">
<!--Attraction link 5 start-->
<div class="attraction-link">
<?php $images = get_sub_field('gallery5');if($images): ?>
<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery5" data-title="<?php echo $images[1]['caption']; ?>">
<div class="attraction-img">
<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>
<div class="attraction-overlay">
<i class="fa fa-search-plus"></i>
</div>
</div>
<div class="attraction-caption">
<div class="attraction-caption-title"><?php the_sub_field('h3_5'); ?></div>
<div class="attraction-distance"></div>
</div>
</a>
<?php foreach ($images as $key => $image) { if($key > 1){?>
<div data-toggle="lightbox" data-gallery="gallery5" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php }} ?>
<?php endif; ?>
</div>
<!--Attraction link 5 end-->
<!--Attraction link 6 start-->
<div class="attraction-link">
<?php $images = get_sub_field('gallery6');if($images): ?>
<a href="<?php echo $images[1]['url']; ?>" data-toggle="lightbox" data-gallery="gallery6" data-title="<?php echo $images[1]['caption']; ?>">
<div class="attraction-img">
<img class="img-responsive"src="<?php echo $images[0]['sizes']['large']; ?>" alt="<?php echo $images[0]['alt']; ?>" title="<?php echo $images[0]['caption']; ?>"/>
<div class="attraction-overlay">
<i class="fa fa-search-plus"></i>
</div>
</div>
<div class="attraction-caption">
<div class="attraction-caption-title"><?php the_sub_field('h3_6'); ?></div>
<div class="attraction-distance"></div>
</div>
</a>
<?php foreach ($images as $key => $image) { if($key > 1){?>
<div data-toggle="lightbox" data-gallery="gallery6" data-remote="<?php echo $image['url']; ?>" data-title="<?php echo $image['caption']; ?>"></div>
<?php }} ?>
<?php endif; ?>
</div>
<!--Attraction link 6 end-->
</div>
</div>
<div class="row">
<div class="col-md-12">
<!--Attraction Video start-->
<div class="attraction-video">
<!--Video Preview Image start-->
<div class="video-preview-img">
<img src="<?php $image = get_sub_field('video_img');echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>" title="<?php echo $image['caption']; ?>" class="img-responsive"/>
<div class="video-play-button"><i class="fa fa-play fa-fw"></i></div>
</div>
<!--Video Preview Image end-->
<!--Embed Video start-->
<div class="embed-responsive video embed-responsive-16by9 hidden">
<iframe width="560" height="315" src="https://www.youtube.com/embed/<?php the_sub_field('video_url'); ?>?rel=0&;controls=0&;showinfo=0"
allowfullscreen></iframe>
</div>
<!--Embed Video end-->
</div>
<!--Attraction Video end-->
</div>
</div>
</div>
</section>
С учётом, что для каждого альбома загружено больше 1 фотографии - со страницы открывается только следующее фото просто как картинка, перелистывание не происходит.
Ошибок на скрипты никаких нет. Сайт писался какой-то студией, с ними связи нет.
Прошу помочь, кто знает. Может что в коде самой галереи не так.
Ссылка на сайт -
dublin-dolphin.ru 
