@lector_82
web front-end developer

Как в slick slider описание каждого слайда вынести отдельно?

5f815b79efc91844437615.jpeg
1-Есть слайдер, в нем картинки, и есть блок с описанием, в котором выводится название новости, дата и т.д.
Суть в том что этот блок должен стоять на месте, поэтому просто добавить его в слайд не получится, и сами слайды выводят динамически в цикле вордпресса, пробовал делать два цикла, но это костыль, пробовал добавлять дата-атрибуты, что-то не выходит.
2 и еще есть такой момент что блок с цифрой текущего слайдера, как бы заполняется кругом, я сделал svg анимацию, но почему-то не слаженно работает смена слайда и заполнение, хотя время выставил одно и тоже
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ответы на вопрос 1
YavaDev
@YavaDev
Например можно в каждом слайде создать скрытый див с данными, а дальше при изменении слайдера иcпользовать колбек 'afterChange' и подставлять данные активного слайда в нужное место.
Вот пример такого слайда:
<div class='slide'>
  <img ...  />
  <div class='hidden-data'> <!-- Этому диву дать display: none -->
    <p class='slide-date'>Дата</p>
    <p class='slide-text'>Текст</p>
  </div>
</div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 окт. 2020, в 10:48
3000 руб./за проект
26 окт. 2020, в 10:42
30000 руб./за проект
26 окт. 2020, в 10:18
50000 руб./за проект