У меня есть слайд-шоу 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>