Druckbare Version
Hi Leute,
ich habe probleme mit der dargestellten Größe eines RS-Slider unter Android / Chrome.
Die Einstellungen Breite: "100%" und Höhe: "auto" erbringen im Firefox das gewünschte Ergebnis!
Leider stellt Chrome den Slider viel zu klein als MINI-Grafik 2mmx2mm dar.
Wenn ich die richtigen Pixel angebe wird der Slider viel zu groß dargestellt, wenn ich sowas wie 854x800 eingebe, wird garnichts dargestellt!
Hat da jemand einen Tipp für mich?
Grüße aus Ludwigsburg
Jochen Kubik
Hi Leute,
ich habe immer noch Probleme mit der Darstellung des Sliders, allerdings beschränkt sich das Problem nicht auf die mobilen Browser sondern auf Chrome im Allgemeinen.
Meine "Konstruktion":
Ich habe auf der Startseite zwei Slider eingebunden(direkt nicht als Modul).
Der erste (css klasse "desktop") funktioniert einwandfrei. Einstellungen für die Breite: 100% Höhe: auto
Der Zweite (css klasse "mobil") funktioniert nur in firefox Einstellungen für die Breite: 100% Höhe: auto
Wenn mann den Browser zusammenschiebt wird der Slider proportinal kleiner, alles OK!
Ab 960px Breite des Browsers sollen die Slider gewechselt werden: CSS-> desktop display : none, mobil display: inline
Das Ganze soll deshalb geschehen, damit im Hochformat quadratische Bilder verwendet werden, die schmalen für die Desktopwiedergabe würde zu niedrig sein!
Man kann das auf dem großen Monitor gut nachvollziehen, obwohl die Sache ja für das Smartphone konstruiert ist!
Hier der Link zur Seite:
https://www.wernerottens.de/
Hoffe, mir kann jemand helfen!
Grüße
JK
Eine direkte Hilfe kann ich dir nicht sein.
Dennoch ein paar Überlegungen:
- warum display: inline und nicht display: block?
- durch die beiden Slider wird zweimal JS geladen, in beiden wird eine Variable mit demselben Namen deklariert. Ob das Probleme macht?
- Was passiert, wenn beide Slider gleichzeitig loslaufen, durch Änderung der Screengroße aber asynchron plötzlich der 2. sichtbar wird?
Außerdem vermute ich, dass man das mit den quadratischen Bildern auch in einem Slider per CSS erreichen könnte...
Wir konnten auf der angegebenen Startseite keine zwei Slider finden. Im Quelltext der Seite ist nur ein einziger Slider zu sehen der sowohl am Desktop als auch auf Mobile angezeigt wird.Zitat:
Zitat von kubjo
Für solche Anwendungsfälle eignet sich die Bildgrößenfunktion von Contao. Damit können verschiedene Bildformate für unterschiedliche Bildschirmbreiten realisiert werden ohne den Inhalt doppelt einfügen zu müssen. Informationen dazu gibt es auch in unserem Blog:Zitat:
Zitat von kubjo
https://rocksolidthemes.com/de/conta...picture-contao
Hi Leute,
inzwischen habe ich die Slider mal auf einer inoffiziellen Seite eingefügt:
https://www.wernerottens.de/slidertest.html
Da ich die Startseite jetzt vorerst wieder mit nur einem Slider "bestückt" habe.
@ folkfreund
- "block" oder "Inline" ist in diesem Fall nicht ausschlaggebend
- mit JS kenn eich mich nicht genügend aus, um das beurteilen zu können
- ich verstehe Deine Frage nicht, sorry
@ RockSolid Themes
Ich kenne die Bildgrößenfunktion, leider blicke ich die Feinheiten trotz Studium eures Tuts und des Vidokurses vom P.Mülle nicht ;-)
Dass der Slider ebenfalls auf die Bildgrößen zugreift ist mir neu! Wo kann ich das einstellen? Die Bilder sucht man doch direkt beim Erstellen des Sliders aus, da kann man doch nirgends die Bildgrößen wählen!
Ich habe zugriff auf vier eurer Themes (Tao, Swissy, Oneo, Opensauce) wird das dort irgendwo verwendet?
Was würdet ihr denn vorschlagen, die Bilder quadratisch beschneiden (m.M. suboptimal) oder Ersatzbilder auswählen?
Grüße aus Ludwigsburg
Jochen
In den Moduleinstellungen des Sliders unter „Template-Einstellungen › Bildgröße“ kann eine vordefinierte Bildgröße ausgewählt werden.Zitat:
Zitat von kubjo
Ersatzbilder können derzeit mit der Bildgrößen-Funktion von Contao nicht ausgewählt werden. Ein beschnittenes Bildformat für kleinere Bildschirme lässt sich jedoch damit umsetzen.Zitat:
Zitat von kubjo
Jetzt wäre es natürlich echt klasse, wenn ihr verraten würdet, wie! ;-)
Zur Responsive Images Funktion von Contao gibt es von RockSolid Themes hier eine Einführung: https://rocksolidthemes.com/de/conta...picture-contao
Hi,
ich habe den genannten Beitrag jetzt mal gelesen, und versucht umzusetzen.
Ich weiß aber nicht, wie ich den Slider dazu bringe, den Bildausschnitt zu verwenden!
Jetzt hat's geklappt!
Danke an alle!
Grüße aus Ludwigsburg
Jochen Kubik