Сделал два параллельных слайдера для навигации, как надо.
<div id="popup" class="popup">
<a href="javascript:void(0)" class="popupclose">X</a>
<div class="pojpopimagesslid">
<div><img src="<?php echo get_template_directory_uri() ?>/img/picturebig.jpg" alt="picbig"></div>
<div><img src="<?php echo get_template_directory_uri() ?>/img/manl.png" alt="picbig"></div>
<div><img src="<?php echo get_template_directory_uri() ?>/img/manr.png" alt="picbig"></div>
</div>
<div class="pojpopimagesslidnav">
<div><img src="<?php echo get_template_directory_uri() ?>/img/picturebig.jpg" alt="picbig"></div>
<div><img src="<?php echo get_template_directory_uri() ?>/img/manl.png" alt="picbig"></div>
<div><img src="<?php echo get_template_directory_uri() ?>/img/manr.png" alt="picbig"></div>
</div>
<p class="popuptext">текст</p>
</div>
<script>
$(".openprojpoplink").click(function(){
$(".popup").show();
$(".pojpopimagesslid").slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
asNavFor: '.pojpopimagesslidnav',
});
$(".pojpopimagesslidnav").slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.pojpopimagesslid',
focusOnSelect: true,
arrows: false,
centerMode: true
});
});
$(".popupclose").click(function(){
$(".popup").hide();
});
</script>
Но при прокрутке верхнего слайдера, что вправо что влево, нижний тоже едет непонятно как.
Мне нужно, чтоб нижний слайдер вообще не ехал, а как - не пойму((
Если надо, то это всё находится здесь -
infovs51.beget.tech/projects