Не листаются слайды baguetteBox.js [закрыт]

167

29 июля 2021, 15:00

Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском.

Закрыт 1 год назад.

Улучшить вопрос

слайдер сделан с помощью baguetteBOX? Когда открываешь lightbox, не получается листать слайды.

  baguetteBox.run('.tz-gallery', { 
  captions: false, // display image captions. 
  buttons: true, // arrows navigation   
  fullScreen: false, 
  noScrollbars: false, 
  bodyClass: 'baguetteBox-open', 
  titleTag: false, 
  async: false, 
  preload: 2, 
  animation: 'slideIn', 
  verlayBackgroundColor: 'rgba(0,0,0,.8)' 
});

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" /> 
	 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>

пример находится тут http://nanny-ekb.ru/organizatsiya-prazdnikov/detskij-razvivayushchij-centr/

Answer 1

У вас не правильная структура html для того чтобы слайдер перелистывал картинки нужно в контейнере tz-gallery их было несколько а у вас в каждом только по одной.

<div class="tz-gallery">
   <div class="slick-image-slide">  
       <div class="slick-image-slide-wrap" style="height:300px;">
           <a href="http://nanny-ekb.ru/wp-content/uploads/2019/03/LY7A9591.jpg" class="lightbox" tabindex="-1">
               <img src="http://nanny-ekb.ru/wp-content/uploads/2019/03/LY7A9591.jpg" alt="ЛАГЕРЬ ФОТО 3">    
           </a>
       </div>                
   </div>    
</div>