Остановить карусель

Всем привет!

Нужен хелп. Ситуация следующая...

На страничке я использую Bootstrap 4 Карусель и Fancybox. Карусель успешно показывает слайды, перелистывая их. На клик по слайду Fancybox успешно увеличивает изображение. Но есть одно "но" - в момент показа Fancybox'ом увеличенного изображения на полупрозрачном фоне на заднем плане анимация карусели не останавливается.

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

метод .carousel('pause')?

Возможно =) Мне нужен код, как остановить и как запустить.

что-то типо этого

<script>  
    $('.carousel').on('click', function (event) {                        
        $('.carousel').carousel('pause');
    })
 
    $("[data-fancybox]").fancybox({
        afterClose: function( instance, slide ) {          
            $('.carousel').carousel('cycle')
        }
    })
</script>

Cfon, благодарю!