Splide.js Autoplay stoppen?
Hi, ich habe neulich Splide.js ausprobieren, wollte jetzt aber noch das durch Anklicken der Slideshow diese pausiert bzw. wieder fortgesetzt wird. Jedoch wird zwar in der Browser Konsole der Text 'Splide was clicked' ausgegeben, der Event Handler funktioniert also, aber die Funktionen splide.isPaused(), splide.play() und splide.pause() gibt es wohl laut Browser Konsole gar nicht, wisst ihr wie man diese Components oder so richtig aufruft? Autoplay - Splide (splidejs.com)
document.addEventListener( 'DOMContentLoaded', function() {
var splide = new Splide( '.splide', {
type: 'loop',
height: '33vh',
autoplay: 'play',
interval: '3000',
cover: true,
resetProgress: false,
pauseOnFocus: false,
} );
splide.mount();
splide.on('click', function() {
console.log('Splide was clicked');
if(splide.isPaused()) {
splide.play();
}
else {
splide.pause();
}
});
} );
1 Antwort
Vom Beitragsersteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
PC, Computer, Technik
Diese Methoden gehören zur Autoplay-Komponente.
const autoplay = splide.Components.Autoplay;
autoplay.isPaused();
autoplay.play();
autoplay.pause();
Für deine Anforderung gibt es in Splide zudem mit dem Play-Pause Toggle-Button schon eine andere, integrierte Lösung.
Ach so, jetzt verstehe ich wie diese Komponenten funktionieren. Vielen Dank😊