[soy]

Hey,

ich habe eine Seite mit dem Flexslider2 im Einsatz. Für bessere Ladegeschwindigkeiten möchte ich auf 320px natürlich andere Bildauflösungen als bei 1400px anbieten.

Ich könnte zwei Slider machen und einen mit display: none ausblenden, aber da er im HTML steht wird er trotzdem geladen. Die Google Suche fällt mir ein bisschen schwer und ich finde nur annähernd das, was ich suche.

Kennt jemand von euch dafür einen Trick, Link, Tipp, Keyword? Ich freue mich über jegliche Hilfe!

Freundliche Grüße,
Soy.

[ChrisKam]

Da Du für den Slider ohnehin auf Javascript angewiesen bist, sehe ich hier nicht die üblichen Schwierigkeiten im Zusammenhang mit Responsive Images etc. - einfach abfragen, wie breit/hoch der Viewport ist und entsprechend andere Bilder ausliefern

Das sollte mit ein paar Zeilen Javascript getan sein.

edit: Typo

[SimonDerDude]

Oder Stichwort 'adaptive images'

[Karlarsch]

Evtl. lässt sich das Ganze auch mit der Clown Car Technik lösen.

Gruß
Karl

[soy]

Hey,

vielen Dank für eure Tipps! Werde mich mal durch die Links fuchsen!

Schönes Wochenende,
Soy.