Question

我有一个Fotorama幻灯片，我需要观众一直观看。它目前设置为自动播放并在最终幻灯片上停止。但是，当您单击幻灯片或在移动设备上触摸它时，节目将停止并且不会恢复。我该如何避免这种情况？我尝试使用data-stopautoplayonthouch =“false”，但它没有帮助。

这是我的照片：

<div class="fotorama"
 data-width="100%"
 data-height="100%"
 data-margin="0"
 data-fit="cover"
 data-nav="none"
 data-autoplay="1500"
 data-arrows="false"
 data-click="false"
 data-swipe="false"
 data-stopautoplayontouch="false">

我还添加了这个以使节目在最后一张幻灯片上停止：

$('.fotorama').on('fotorama:showend', function (e, fotorama) {
if (fotorama.size - fotorama.activeIndex === 1) {
    fotorama.stopAutoplay();
}
});

有什么建议吗？

艺术，这是一个例子：

<body>

<div class="fotorama"
 data-width="100%"
 data-height="100%"
 data-margin="0"
 data-fit="cover"
 data-nav="none"
 data-autoplay="1500"
 data-arrows="false"
 data-click="false"
 data-swipe="false"
 data-stopautoplayontouch="false">

 <a href="_images/clients.jpg"></a>
 <a href="_images/consulting.jpg"></a>
 <a href="_images/debrief.jpg"></a>
 </div>

<script>'use strict';
$('.fotorama').on('fotorama:showend', function (e, fotorama) {
if (fotorama.size - fotorama.activeIndex === 1) {
    fotorama.stopAutoplay();
}
});

</script>
</body>

Answer 1

这是一个Fotorama错误。将很快解决它。在此处跟踪：https://github.com/artpolikarpov/fotorama/issues/192

防止Fotorama自动播放在点击或触摸时停止

1 个答案: