Как сделать меню, по котором переключаються слайды на слайдере swiper?

Question

[vvanyazz]

У меня полноэкранный слайдер, в хедере есть меню и мне надо чтобы елементы меню меняли слайд, как сделать?

Comments

[Froggyweb]

Воспользоваться APY в документации все есть

[vvanyazz]

Froggyweb, Читал, не нашел

[Антон Литвиненко]

vvanyazz,
swiper.slideTo(index, speed, runCallbacks)

[Валерий Матвиенко]

На ссылки в верхнем меню поставить вызовы js функции, которые Антон Литвиненко написал.

[vvanyazz]

Валерий Матвиенко, у меня так получилось 8 функций, под 8 элементов меню, правильно?

[Валерий Матвиенко]

vvanyazz, 8 пунктов меню, 8 слайдов
Вот документация https://swiperjs.com/swiper-api#methods-and-properties

<a href='#' onclick='swiper.slideTo(0, 300, true); return false;'>Меню1</a>
<a href='#' onclick='swiper.slideTo(1, 300, true); return false;'>Меню2</a>

и так далее.

Попробуйте, должно все работать.

[Froggyweb]

Валерий Матвиенко, kexit в меню вставить атрибут data-index например, в функции его считывать или передавать напрямую.
в API ecть SlideTo по-моему отвечающий за переход к определенному слайду (индекс начинается с нуля)