Задать вопрос
DeniSShishkin
@DeniSShishkin
В данный момент живу на о. Самуи, познаю мир
javascript

Как автоматом менять стили ссылок в Url Hash Navigation owl carousel?

Всем привет!
Возможно я не правильным способом это делаю, но все же.
Суть в том ч мне нужно что бы при переключение слайдов менялись стили для ссылки этого слайда вот пен с примером - codepen. Сейчас при нажатии на step1, step2, step3 появляется соответствующий слайд все отлично. Но, если я не буду нажимать эти ссылки и слайды будут меняться автоматически сами ссылки остаются неизменными, а я пытаюсь добиться того что бы например на 2 слайде подсвечивалась ссылка step2 и так далее.
Думал это как то реализовать добавлением класса к ссылке при смене слайда, но пока никак не получается..
  • Вопрос задан
  • 834 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
SanDiesel
@SanDiesel
HTML CSS JS
Оборачиваем ваши ссылки в блок
<div id="demos-link">
  <a class="slide_button1" href="#slide1">Step1</a>
  <a class="slide_button2" href="#slide2">Step2</a>
  <a class="slide_button3" href="#slide3">Step3</a>
</div>

Добавляем в параметры инициализации карусели строку
dotsContainer: '#demos-link',

... Теперь к ссылке на активный слайд будет добавляться класс .active, его вы можете использовать для стилизации.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@delosait
Способ работает если ссылки только три, если больше, то не получается. Вот тут более приемлемый способ
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Перенести базу знаний в формат lms (На подобии Obsidium)
26 апр. 2024, в 17:02
35000 руб./за проект
Составить единую таблицу SQL
26 апр. 2024, в 16:51
2000 руб./в час
Сверстать 2 транзакционных письма по макету figma
26 апр. 2024, в 16:36
3000 руб./за проект
Ещё заказы