Dodaj przycisk Odtwórz / Pauza, aby załadować karuzelę

Przeczytałem prawie wszystkie wątki dotyczące karuzeli ładowania początkowego, ale nie znalazłem odpowiedzi na moje pytanie. Dodałem dwa przyciski sterujące (odtwarzanie / pauza) do karuzeli, ale każdy przycisk uruchamia funkcję z domyślnego / pierwszego slajdu. Chciałbym móc wstrzymać bieżący slajd i odtworzyć od bieżącego slajdu za każdym razem, gdy nastąpi zdarzenie kliknięcia.

Oto mój kod:

<script src="/_catalogs/masterpage/UHN/js/bootstrap.min.js"></script>
<script>
    $(function () {
        $('.carousel').carousel({ interval:6000 });  

        $('#playButton').click(function () {
            $('#homeCarousel').carousel('cycle');
        });
        $('#pauseButton').click(function () {
            $('#homeCarousel').carousel('pause');
        });
    });

</script>

I dwie kontrolki:

<!--Carousel controls -->
<button id="playButton">Play</button>
<button id="pauseButton">Pause</button>

questionAnswers(3)

yourAnswerToTheQuestion