Contao-Camp 2024
Ergebnis 1 bis 10 von 10

Thema: Rocksolid Slider auf Chrome

  1. #1
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.380

    Standard Rocksolid Slider auf Chrome

    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
    Geändert von kubjo (28.01.2019 um 10:11 Uhr)
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  2. #2
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.380

    Standard

    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
    Geändert von kubjo (28.01.2019 um 12:50 Uhr)
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  3. #3
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    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...

  4. #4
    Contao-Nutzer Avatar von RockSolid Themes
    Registriert seit
    29.05.2012.
    Beiträge
    205
    Partner-ID
    8945

    Standard

    Zitat Zitat von kubjo Beitrag anzeigen
    Ich habe auf der Startseite zwei Slider eingebunden(direkt nicht als Modul).
    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 Beitrag anzeigen
    Das Ganze soll deshalb geschehen, damit im Hochformat quadratische Bilder verwendet werden, die schmalen für die Desktopwiedergabe würde zu niedrig sein!
    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:
    https://rocksolidthemes.com/de/conta...picture-contao

  5. #5
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.380

    Standard

    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
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  6. #6
    Contao-Nutzer Avatar von RockSolid Themes
    Registriert seit
    29.05.2012.
    Beiträge
    205
    Partner-ID
    8945

    Standard

    Zitat Zitat von kubjo Beitrag anzeigen
    Dass der Slider ebenfalls auf die Bildgrößen zugreift ist mir neu! Wo kann ich das einstellen?
    In den Moduleinstellungen des Sliders unter „Template-Einstellungen › Bildgröße“ kann eine vordefinierte Bildgröße ausgewählt werden.

    Zitat Zitat von kubjo Beitrag anzeigen
    Was würdet ihr denn vorschlagen, die Bilder quadratisch beschneiden (m.M. suboptimal) oder Ersatzbilder auswählen?
    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.

  7. #7
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.380

    Standard

    Jetzt wäre es natürlich echt klasse, wenn ihr verraten würdet, wie! ;-)
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  8. #8
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Zur Responsive Images Funktion von Contao gibt es von RockSolid Themes hier eine Einführung: https://rocksolidthemes.com/de/conta...picture-contao

  9. #9
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.380

    Standard

    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!
    Geändert von kubjo (30.01.2019 um 13:10 Uhr)
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  10. #10
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.380

    Standard

    Jetzt hat's geklappt!
    Danke an alle!
    Grüße aus Ludwigsburg

    Jochen Kubik
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •