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

К сожалению, такой вариант вообще никак не работает. По поводу помечать слайды классом, спасибо за подсказку

                <script>


                        
                                function init() {
                                        if (jQuery('#dark').hasClass('carousel-item-next') || jQuery('#dark').hasClass('carousel-item-prev'))  {
                                                jQuery('body').removeClass('light-fon').addClass('dark-fon');
                                        } else {
                                                jQuery('body').removeClass('dark-fon').addClass('light-fon');
                                        }
                                }

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

                </script>