SAPID INFO

Связанный слайдер в котором данные двигаются в три строки

Вот дизайн блока:

Мысли:

  • Считаю целесообразным выполнение задачи на базе bx-слайдера.
  • Для решения будет создано 2 связанных bx-слайдера. Первый слайдер – для галереи лиц команды профессионалов, второй слайдер – с подробной информацией о них.
  • Каждый слайд галереи лиц будет состоять из 5х3 элементов. Я не стану включать одновременное отображение 13слайдов (+2 стрелочки), и заморачиваться с тем, чтобы слайды сдвигались по 1 шт змейкой. Это трудоемко и не рационально.
  • Итого, у меня в каждом слайдере будет количество слайдов соответствующее количеству лиц в галерее. Этот вывод можно сделать исходя из того, что мне надо вывести 1 раз данные о каждом человеке.

Ниже приведу код, который поможет разобраться в идее. Если найду время – доделаю его полностью. Сейчас приведенный код работает, в нем не все параметры заполнены, но для изучения идеи он подходит. На его основе я сделал отлично работающие слайдеры в проекте.

 


Комментарии к статье
Добавьте свой комментарий - оставьте след в блоге!