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>