Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Остановить/возобновить анимацию карусели


Автор: Majestio 31.7.2019, 13:53
На страничке я использую компонент https://bootstrap-4.ru/docs/4.3.1/components/carousel/ и http://fancyapps.com/fancybox/3/. Карусель успешно показывает слайды, перелистывая их. На клик по слайду Fancybox успешно увеличивает изображение. Но есть одно "но" - в момент показа Fancybox'ом увеличенного изображения на полупрозрачном фоне на заднем плане анимация карусели не останавливается.

Вопрос

Как перед показом Fancybox'ом увеличенного изображения карусель остановить, а после закрытия увеличенного изображения анимацию карусели возобновить?

Автор: ksnk 31.7.2019, 18:00
Цитата

.carousel('pause')

из описания карусели, по твоей ссылке. Ставить остановку на клик, который открывает fancybox. Как там устроено все - смотри по своему коду. У fancybox нужно висеть на свойстве afterShow. Про него тоже смотреть в документации по FancyBox. Что не получается?

Автор: Majestio 31.7.2019, 21:52
Цитата(ksnk @  31.7.2019,  18:00 Найти цитируемый пост)
 Что не получается? 

Увы, с JavaScript'ом я знаком весьма поверхностно.

Автор: ksnk 1.8.2019, 12:38
Majestio, Ты ждешь телепатов?  Склеить слайдер и фансибокс - это уже не очень тривиальный код. Нет кода - нет проблем... Если ты сам не озаботишся каким-то минимальным примером - на какой ответ ты расчитываешь ?
Или это было ТЗ? 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)