Как реализовать слайдер с изменением контента ниже каждого слайда?

Question

[Макс Darkleviathan]

Суть вопроса такова:
Как можно реализовать слайд, при перелистывании которого меняется контент ниже самого слайда.
То есть каждый следующий слайд - свой контент ниже его.Так же нужно привязать каким то образом все слайды к пунктам меню.
Есть пример подобного сайта чего хочу добиться.
aitorthroup.com/kasabian-for-crying-out-loud-ftr

Честно признаюсь никогда не сталкивался с подобной реализацией, поэтому возможно кто-то подобное встречал и натолкнет на мысль где копать.

Comments

[Сергей Горячев]

Поведение сайта-примера меня пугает.
Что-то постоянно само двигается, если прокручивать страницу по чуть-чуть.
В общем, ужаснейшее решение)))

[Макс Darkleviathan]

Будем пытаться сделать лучше.Мне тоже немного не нравится.

[Павел Корнилов]

В примере сайт на букву Х, но не Хороший.

Answer 1

[Конан Варвар]

Сделайте табами и делов :)

Answer 2

[Александр Ковалев]

В теме используется royal slider слайдер dimsemenov.com/plugins/royal-slider
Вы изучите возможности слайдера и тогда все вам станет понятно. При необходимости посмотрите, как это реализовано в теме. Тема для Wordpress Pollen theme

Comments

[Макс Darkleviathan]

Я видел что это за тема, и слайдер я видел.В том то и дело эта функция контента , который меняется реализована не через слайдер.

[Александр Ковалев]

Макс Darkleviathan: у слайдера есть api dimsemenov.com/plugins/royal-slider/documentation/#api
с его помощью это реализовано. Контент поста может быть получен через ajax. При нажатии стрелки получаем id слайда или поста через api, заранее заботимся о привязке слайдов с постами, отправляем запрос, получаем контент, вставляем в DOM, удаляем старый контент. Я думаю по такому принципу и тут все работает. Через api вы также можете управлять слайдером при нажатии на пункты меню.