我已经阅读了几乎关于自举旋转木马的所有线程,但还没有找到我的问题的答案.我在旋转木马上添加了两个控制按钮(播放/暂停),但每个按钮都会从默认/第一张幻灯片中激活该功能.我希望能够在点击事件发生时暂停当前幻灯片并从当前幻灯片播放.
这是我的代码:
<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>
Run Code Online (Sandbox Code Playgroud)
这两个控件:
<!--Carousel controls -->
<button id="playButton">Play</button>
<button id="pauseButton">Pause</button>
Run Code Online (Sandbox Code Playgroud)