Как подружить счетчик слайдов Swiper и Fancybox?

Для того чтобы подружить счетчик слайдов Swiper и Fancybox, нужно использовать специальный метод, который позволит синхронизировать эти два плагина. Вам понадобится немного JavaScript кода, чтобы достичь этой функциональности.

Для начала, у вас должны быть подключены библиотеки Swiper и Fancybox на вашем сайте. После этого, вы можете использовать следующий код:

$(document).ready(function() {
  var swiper = new Swiper('.swiper-container', {
    // настройки Swiper
  });
 
  $(".fancybox").fancybox({
    // настройки Fancybox
    afterLoad: function(current, previous) {
      var index = swiper.activeIndex + 1;
      $(".fancybox-counter").text(index + "/" + swiper.slides.length);
    }
  });
 
  swiper.on('slideChange', function() {
    var index = swiper.activeIndex + 1;
    $(".fancybox-counter").text(index + "/" + swiper.slides.length);
  });
});

В этом коде мы инициализируем Swiper и Fancybox, а затем используем метод `afterLoad` в Fancybox, чтобы обновить счетчик слайдов при каждом изменении слайда в Swiper. Мы также используем событие `slideChange` в Swiper, чтобы обновлять счетчик при смене слайда.

Убедитесь, что у вас правильно настроены классы и стили для счетчика слайдов в вашем HTML коде, чтобы он корректно отображался на странице.

Этот код позволит вам синхронизировать счетчик слайдов Swiper и Fancybox, обеспечивая пользователю удобный опыт просмотра изображений на вашем сайте.