Pre-load von Bildern für eine Slidershow - wie richtig einbinden?

[atlas]

Hallo zusammen,

ich hoffe, das ist das richtige Unterforum für diese Art von Fragen Wenn nicht: bitte nicht gleich steinigen, sondern einfach verschieben - Danke!

Also:
Im Header meiner Website (www.mti.ch) ist eine Slideshow eingebunden, die auf dem Owl Carousel basiert (Owl Carousel). Beim Aufruf der Website werden die Bilder aber zunächst groß angezeigt (nur für wenige Augenblicke), bevor sie vom Skript erfasst und verkleinert werden. Ich habe mehrere Arten von Pre-Load Funktionen ausprobiert, aber leider ohne Änderungen im Resultat.

Habt ihr einen Tipp für mich? Die Bilder sollen wenn irgend möglich direkt in der richtigen Größe (responsive) angezeigt werden. Bei Ladezeiten darf es gerne einen Warte-Balken geben oder eine Verzögerung.
Wenn ihr noch mehr Daten braucht (Snippets oder Skripte): Sagt mir was genau - und ich poste es hier.

Herzliche Grüße und vielen Dank!
- atlas

 

[kkapsner]

Du musst die Bilder entweder zuerst per CSS verstecken und dann mit JS anzeigen oder gleich mit CSS auf die richtige Größe scalieren. Ich denke mal, dass die Initiierung im window.onload stattfindet, da die Bilder ja geladen sein müssen. Dieses Event wartet aber eben bis alle Bilder geladen wurden und das kann ein bisschen dauern. Ein preload hilft in deinem Fall hier nicht.