Slider mit externer Javascript Library einbinden

Hallo an alle,

ich habe folgendes Problem:
Ich möchte einen Slider im Frontend benutzen. Dieser wird mittels einer externen Javascript-Datei gesteuert. Leider schaffe ich es nicht, dass der Slider korrekt angezeigt oder benutzbar wird.
Es handelt sich um folgende Library: GitHub - loryjs/lory: :sunny: Touch enabled minimalistic slider written in vanilla JavaScript.
Die Idee ist ja, ein mal das HTML einzufügen und die Skript-Datei und dies dann mit einem Skript-Tag im HTML anzusprechen und den Slider eben zu „erstellen“. Ich hoffe, ihr wisst was gemeint ist.
Jegliche Versuche sind bisher gescheitert. Kurz zu den Versuchen:

  • Einbinden des Javascript-Files über Inline-Skript-Tags
  • Einbinden des Javascript-Files über das Backend im Theme konfigurieren
  • Unterschiedliche Möglichkeiten zur Zuweisung der Lory Variablen
  • Unterschiedliche Eventtrigger, wann die Variablen gesetzt werden.
    Leider gibt es entweder die Reaktion, dass die entsprechende Variable nicht gefunden wurde oder gar keine Rückmeldung.
    Hat jemand schon mal etwas Ähnliches gemacht und kann mir weiter helfen?

Viele Grüße