Home → Contao →

Fehler: Slider Höhe mobile anpassen per js

• Edit

Anderthalb

21 Feb, 2022 05:08 PM

Produkt: Slider Pro Contao
Contao-Version: 4.9.26
Browser und Browserversionen: Chrome, Safari,...

Ich versuche wie hier beschrieben beim resize der Seite statt dem Parameter slider.data('rstSlider').options.visibleArea den Parameter slider.data('rstSlider').options.height anzupassen.

Dies funktioniert soweit auch allerdings wird die Aenderung nicht durch den Aufruf von slider.data('rstSlider').resize(); aktiv.
Muss ich hier eine andere Funktion aufrufen?

Die Umsetzung möchte ich so machen, da ich die höhe von z. B. 16x9 zu 1x1 anpassen will abhängig von der Bildschirm Breite und Höhe.

Ich habe dies zunächst im css über aspect-ratio gelösst was allerdings im Safari ja noch nicht untersützt wird.

https://help.rocksolidthemes.com/discussions/contao/16041-verwendun...

1. Support Staff 1 Posted by RockSolid Theme... on 22 Feb, 2022 03:03 PM

   

   Vielen Dank für Ihre Frage.

   Damit sich die Höhe des Sliders via JavaScript anpassen lässt, muss die initiale Höhe auf eine Zahl eingestellt sein (nicht leer, auto oder css).

   Beim verändern der Höhe muss zusätzlich die Höhe des Slider-Elements selbst angepasst werden:

   slider.data('rstSlider').options.height = 123;
   slider.css('height', 123);
   

   Eine Realisierung via CSS würden wir jedoch bevorzugt empfehlen. Mit den Bildschirmgrößen-abhängigen Einheiten vw und vh sowie Media-Queries sollte sich die gewünschte Darstellung umsetzen lassen.

   • Edit