Fehler: Pausieren des Sliders bei Tabwechsel

Silvan Schwarz's Avatar

Silvan Schwarz

06 Jul, 2020 10:15 AM

Produkt: Slider Pro Contao
Contao-Version: 4.4.45

Sehr geehrtes Rocksolid Support-Team,
der Slider von Ihnen pausiert, wenn man zum Beispiel in einen anderen Tab klickt und nun folgendes Problem, wir verwenden Bilder und Texte, die ihre eigene Animation haben und durch diese auch ausgeblendet werden. Wenn man jetzt den Slider pausieren lässt, dann läuft die Animation erstmal weiter und man sitzt vor einem leeren Slide, bis der Slider zum nächsten Slide wechselt. Mit der Page Visibility API funktioniert das Pauseieren der Animaionen in Chrome, aber leider nicht in Fierfox, da dieser die Animation erst anhält wenn man wieder in den Tab mit dem Slider klickt und damit dann die Animation auch gleich wieder loslaufen lässt.

Haben Sie vielleicht eine Idee/Lösung wie man Firefox zum gewünschten Verhalten führt?

Mit freundlichen Grüßen
Silvan Schwarz

  1. Support Staff 1 Posted by RockSolid Theme... on 07 Jul, 2020 08:06 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Über Animation.pause() bzw. animation-play-state: paused sollte sich im Firefox eine Animation pausieren lassen.

    Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

  2. 2 Posted by Silvan Schwarz on 07 Jul, 2020 10:42 AM

    Silvan Schwarz's Avatar

    Vielen Dank für Ihre schnell Rückmeldung.

    Die Url ist: https://limberg.dalley-it.com/home.html
    Es geht hier bei um den Slider, der gleich ganz oben auf der Seite ist.

  3. Support Staff 3 Posted by RockSolid Theme... on 07 Jul, 2020 02:38 PM

    RockSolid Themes's Avatar

    Wir konnten den Fehler nicht reproduzieren.

    Haben Sie auf einen leeren Tab oder auf einen Tab einer anderen Website gewechselt?

    Eventuell wäre es auch eine Möglichkeit anstatt zu versuchen die Animation weiter abzuspielen, den Slider einen Slide zurück wechseln zu lassen sobald die Seite wieder sichtbar wird. Das könnte von den Browser eventuell konsistenter verarbeitet werden und hätte vermutlich auch für den Benutzer der Website Vorteile da sich der Text des Slides dann zeitlich besser lesen lässt.

  4. 4 Posted by Silvan Schwarz on 08 Jul, 2020 01:08 PM

    Silvan Schwarz's Avatar

    Es ist/war egal ob der Tab leer ist oder nicht und das Verhalten konnte ich noch auf einem weiter Gerät reproduziern.
    Aber mit Ihrem Vorschlag, den Slide zu wechseln, funktioniert jetzt alles.

    Vielen Dank für Ihre Hilfe
    Silvan Schwarz

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac