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