Fotorama 슬라이드 쇼를 시청할 때 뷰어가 필요합니다. 현재 자동 재생 및 최종 슬라이드에서 멈추도록 설정되어 있습니다. 그러나 슬라이드 쇼를 클릭하거나 모바일에서 터치하면 쇼가 중단되고 다시 시작되지 않습니다. 어떻게 이것을 피할 수 있습니까? data-stopautoplayonthouch = "false"를 사용해 보았지만 도움이되지 않았습니다.클릭 또는 터치시 Fotorama 자동 재생 방지하기
$('.fotorama').on('fotorama:showend', function (e, fotorama) {
if (fotorama.size - fotorama.activeIndex === 1) {
fotorama.stopAutoplay();
}
});
어떤 제안 :
<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입니까?
<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>
우리가보고 디버그 할 수있는 테스트 사례를 보여줄 수 있습니까? – Art
원래 게시물에 예제를 추가했습니다. 좀 봐 주셔서 감사합니다. – dab417