Как в Swiper-слайдере реализовать переключение слайдов по щелчку на ссылку?

Question

[oksana_melikhova]

Понимаю, что делается это через хеши, но как именно?

<div class="info-slider__item swiper-slide" data-hash="slide-1">

hashNavigation: {
		watchState: true,
	 }

А к ссылке это как подключить? Чтобы результат был, как на картинке:

Comments

[Ankhena]

Посмотрите на вариант свайпера с превью.
Эти ваши типа ссылки это превью и есть.

Их можно сделать реальными ссылками, но в js задать preventDefault()

[oksana_melikhova]

Ankhena, Не подскажете, как это в коде сделать? Моих знаний не хватает, видимо, т.к. что пробовала сейчас, то не работает

[Ankhena]

oksana_melikhova, https://swiperjs.com/demos#thumbs-gallery

Answer 1

[TtT RrR]

Почитайте внимательно документацию: https://swiperjs.com/swiper-api#hash-navigation
Также есть пример: https://swiperjs.com/demos#hash-navigation
В ней вы можете открыть просмотр в CodeSandbox, где сами изучите код из примера