Добавление класса при просмотре определенного блока в слайдере Bootstrap

[radrigo 209]

Всем привет.

Мне необходимо присвоить класс блоку, когда в слайдере Bootstrap показывается блок с классом "dark".

Сделал такой вариант.

function init() {
	if (jQuery('.dark').hasClass('active')) {
		jQuery('body').addClass('dark-fon');
	} else {
		jQuery('body').removeClass('dark-fon');
	}
}

$(document).ready(function () {
	$('#carouselExampleControls').on('slid.bs.carousel', function () {
		init();
	});
	init();
});

Он всё работает, но дело в том, что присваивает класс после того, когда переход в слайдере полностью завершен. Мне же надо, чтобы класс добавлялся сразу, как переход только начинается.

Полагаю, что надо как-то делать через событие "slide.bs.carousel". Оно срабатывает в начале перехода. Но как это сделать, так и не понял.

Заранее признателен всем за подсказку