Swiper fritzmg (Responsive Design)
Hallo liebe Gemeinde,
ich habe nun das Objekt Swiper/Fritzmg eingebunden. Wie kann ich nun über dieses Modul ein 'Responsive Design' bezüglich des Slider machen, so daß je nach Bildschirmgröße das graphische Objekt in der richtigen Auflösung angezeigt wird.
Danke
Grüße
Erwin
Swiper responsive zweierlei Verhalten
Hallo,
ich hab den Swiper in zwei verschiedenen Contao-Installationen eingefügt.
beide Contao 4.13.23
beide fritzmg/contao-swiper 4.3.1
In einer werden die Bilder im Swiper responsive auf den umgebenden Container verkleinert (über CSS img { width:100%; height:auto }
In der zweiten Installation das gleiche CSS, aber die Bilder können nicht verkleinert werden, weil der Swiper über JavaScript feste Breiten in den Quelltext schreibt:
<div class="ce_image block swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="3" style="width: 800px;opacity: 1;transform: translate3d(0px, 0px, 0px);transition-duration: 0ms;" role="group" aria-label="4 / 4">
Ich finde nicht, wie ich abstellen kann, dass die Breite in den Quelltext geschrieben wird. Das ist nicht von mir aktiviert worden, sondern passiert einfach.
Viele Grüße
Holger
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo Spooky,
danke für deine Antwort.
Was muss ich denn einstellen, damit keine Breite gesetzt wird?
Ich hänge einen Screenshot meiner Einstellungen an.
Übrigens danke, dass du den Swiper als Erweiterung bereit stellt!
Ich finde ihn klasse.
Viele Grüße
Holger