Я хотел бы иметь вертикальный ползунок карусели, и внутри каждого вертикального слайда у меня будет горизонтальный ползунок, я использую bxSlider, и он хорошо работает для вертикальной части ползунка, но когда я вставляю горизонтальную часть, горизонтальный ползунок не работает должным образом.
Есть идеи по этому поводу?
Сделать слайдер из нескольких слайдеров сложно даже с хорошо документированным, например bxSlider. К счастью, я уже сделал нечто похожее на то, что вы ищете. Я также не мог заставить двигаться горизонтальные дочерние ползунки, я думаю, это может быть связано с тем, что родительский ползунок перемещается вертикально. Я использовал опцию bxSlider preventDefaultSwipeY на родительском слайдере, но это было не очень интуитивно понятно, пользователю нужно было использовать кнопки для навигации. Поэтому вместо этого я изолировал горизонтальные ползунки с помощью фреймов. Каждый горизонтальный вложенный слайдер находится на своей странице, которая находится в том же каталоге главной родительской страницы. Вот демонстрация, в которой:
Поскольку у вас нет опубликованного примера, это настолько близко, насколько я могу предположить. Надеюсь, это поможет.
Для сайта, над которым я сейчас работаю, у нас есть слайдер на основе миниатюр внутри слайдера на основе миниатюр. Это не сработало, как ожидалось. Например, внутренний ползунок не переключал слайды при нажатии на миниатюры.
Что я нашел, чтобы исправить это, так это перезагрузить соответствующий внутренний слайдер при переключении внешнего слайдера, вызвав reloadSlider() на внутреннем слайдере. Убедитесь, что ваши внутренние слайдеры кэшированы в массиве, чтобы легко перезагрузить соответствующий слайдер. Легко использовать параметр onSlideAfter во внешнем слайдере, чтобы настроить функцию, которая перезагружает соответствующий внутренний слайдер после того, как внешний слайдер завершил свой переход.
К сожалению, простое использование параметра onSlideBefore для этого не работает. Я предполагаю, потому что перезагрузка произойдет слишком рано. Это можно обойти с помощью очень короткого setTimeOut. Настройте функцию onSlideBefore внутри внешнего ползунка, которая кэширует целевой слайд и устанавливает слегка отложенную перезагрузку для внутреннего ползунка.
Надеюсь это поможет!
