Contao-Camp 2024
Ergebnis 1 bis 8 von 8

Thema: Slider erscheint erst nach Aktualisierung bzw. gar nicht korrekt

  1. #1
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard Slider erscheint erst nach Aktualisierung bzw. gar nicht korrekt

    Hallo,

    eigentlich wollte ich endlich wieder mal ein Projekt mit der dk_caroufredsel Erweiterung umsetzen - soll wohl nicht sein

    folgendes Verhalten:
    Der Slider wird im Mozilla Firefox (auf zwei unabhängigen Systemen getestet) beim ersten (!) Aufruf der Seite insofern falsch angezeigt, dass zwei von drei Bildern nebeneinander angezeigt werden und sich damit den Viewport teilen » Höhe wird dementsprechend geringer als gewollt und zwei Bilder sind sichtbar.
    Erst nach dem erstmaligen Aktualisieren der Seite formt sich der Slider so wie er gedacht ist » 1 Bild im Viewport und die korrekte Grösse und deren Seitenverhältnis

    Im Chrome und Vivaldi wird überhaupt nur etwa 1 cm (Pixelhöhe habe ich nicht gemessen) des oberen Rand des Bildes angezeigt. Auch nach einer Aktualisierung wird's nicht mehr. Aber es wird nur 1 Bild (bzw. der oberer Streifen davon) angezeigt und das in voller Viewportbreite.

    Ist das ein Bug, oder hab ich in meinen Einstellungen irgendwo einen Fehler?

    zur Umgebung:
    Contao 3.4.4
    dk_caroufredsel über composer installiert
    drei Bilder

    Ich habe für die Punkte 'Grösse des Karussells' und 'Grösse der Elemente' nichts eingetragen, also auch kein Häkchen gesetzt.
    Bei 'Darstellung der Elemente' habe ich 'Reponsive' angehakt.
    Liegt es evtl. an diesen Einstellungen? "Experimente" mit einigen der Einstellungen haben mich nicht weitergebracht.
    Meine Überlegung: ich verwende grid12, also müssten sich die Grössen mit den grids und dem Haken bei Responsive selbst ergeben. Oder ist diese Überlegung falsch - falls ja, was wären die korrekten Einstellungen dazu? also bei den nicht angehakten Punkten?

    In den Einstellungen:
    onDocumentReady
    Haken bei 'Image Loader verwenden'

    ... bin wohl etwas überfordert mit diesem Slider

    Hat jemand Hilfe für mich?

    Firefox - beim ersten Aufruf
    2015-03-12 19_01_12-Home - Ferien Ohne Handicap.jpg
    Firefox - nach dem Aktualisieren
    2015-03-12 19_01_33-Home - Ferien Ohne Handicap.jpg
    Vivaldi und Chrome
    2015-03-12 19_33_18-Vivaldi.jpg
    Einstellungen
    2015-03-12 19_43_41-carouFredSel » Inhalt zu Karussell (ID 1) bearbeiten - Contao Open Source CM.jpg
    Grüsse
    Bernhard


  2. #2
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,

    niemand eine Idee?

    ... ich habe jetzt mal den core-Slider eingefügt, der tut's jetzt auch mal für dieses Projekt.
    Wäre aber trotzdem dankbar, wenn mir hier jemand weiterhelfen könnte, damit ich das Problem bei einem weiteren Projekt auch verstehen und damit lösen kann.

    Danke!
    Grüsse
    Bernhard


  3. #3
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    du mußt auf jeden Fall auf "readyLoad" umstellen. Das mit der schrumpfenden Höhe sind Browser-Fehlverhalten, die nie gefixt wurden bisher. Beim Laden der Bilder liefert der Browser an jQuery dann keine Bildhöhe, aber das Script wird schon initialisiert und berechnet schon die Größen (wegen onDocumentReady).

  4. #4
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Prima! DANKE!
    ... so passt das jetzt
    Grüsse
    Bernhard


  5. #5
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Dafür gibt es unter anderem das feine imagesLoaded (https://github.com/desandro/imagesloaded), das das noch viel besser macht als readyLoad. Bin leider bisher nie dazu gekommen es einzubauen.

  6. #6
    Contao-Fan Avatar von Marchie
    Registriert seit
    12.01.2012.
    Ort
    Schwaikheim
    Beiträge
    303

    Standard

    Hallo zusammen,

    ich würde den Thread hier gerne nochmals aktivieren. Ich habe den Caroufredsel bei mehreren Projekten seit längerem im Einsatz. Nun stelle ich dasselbe Problem bei einer Website fest: erst nach dem Aktualisieren wird der Slider komplett und korrekt angezeigt, davor sind drei Bildchen nebeneinander zu sehen.

    Ganz offensichtlich brauch ich auch diese ReadyLoad-Ding wie oben beschrieben. Aber kann mir vielleicht ein Profi helfen wo ich das finde? Alles durchgeschaut. Oder wo und exakt wie, ich das einbinden muss??

    Das wäre echt klasse, DANKE :-)

  7. #7
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich glaube das ist ne Einstellung irgendwo im BE. Soll dafür sorgen, dass der Slider nicht gestartet wird wenn der DOM geladen ist, sondern erst nachdem alles geladen ist. Im Hintergrund passiert dabei folgendes.
    PHP-Code:
    /*  JS - jQuery */

    // DOM
    (function($) {
      $(
    document).ready(function() {

    // Alles
    (function($) {
      $(
    document).on('load', function() { 
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  8. #8
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Marion,

    das findest du in den Einstellungen relativ weit unten -> siehe Screenshot.
    Das taucht erst auf wenn du den Konfigurations-Modus auf erweitert umstellst.
    Angehängte Grafiken Angehängte Grafiken
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

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
  •