Ich habe flexslider auf einer responsiven Seite eingerichtet. Der Schieberegler, den ich erstelle, verwendet sowohl Quer- als auch Hochformat-Bilder. Ich habe smoothHeight: true eingestellt, so dass die Höhe an die Bilder angepasst wird.
Bei der größten Medienabfrage ist der Flexslider-Container 750 Pixel breit. Das ist gut für Querformatbilder, aber Hochformatbilder werden viel zu groß. Die Breite des Hochformatbildes wird auf die gleiche Größe wie der des Containers eingestellt - 750 Pixel breit, und daher ist die Höhe mindestens doppelt so groß und Sie können nicht das gesamte Bild ohne Scrollen betrachten.
In der CSS habe ich versucht, max-height: 750px zu setzen, was das Höhenproblem löst, aber flexslider streckt das Bild dann um 750px Breite um 750px hoch.
Weiß jemand, wie man Flexslider dazu bringen kann, das Seitenverhältnis beizubehalten und die Breite des Bildes auf Basis von max-height anzupassen? Damit würden die Portraitbilder 750px hoch sein, aber ihr Seitenverhältnis beibehalten.
Ich verstehe nicht, über welche Funktionen von Flexslider Sie sprechen - beim Zoomen von Bildern oder Miniaturbildern in gescrollter Werkzeugleiste? Was auch immer, es gibt eine Lösung für beide Situationen:
%Vor%Lösung für Bildausschnitt oder Skalierung im Container Ссылка
Verwandte Frage: Wie wird das zugeschnittene Element horizontal ausgerichtet?
Tags und Links jquery css flexslider