[Gelöst] dk_caroufredsel - Responsive Breite und feste Höhe
Hallo Zusammen,
wir testen gerade den dk_caroufredsel Slider, ob dieser für ein Projekt in Frage kommen kann.
Wir wollen mit dem Slider erreichen, dass dieser eine feste Höhe von 500 px hat und die Breite automatisch vom Browserfenster gezogen wird. Dies ist auch überhaupt kein Problem und klappt sofort.
Ich habe in den Einstellugen des Sliders eine flüssige Breite und eine feste Höhe für das Karussell eingestellt, außerdem ist bei der Darstellung der Elemente Responsive aktiviert.
Im CSS habe ich dem Element .image_container img eine 100% width und height spendiert. Somit ist das Ganze responsive.
Was ich jetzt nicht hinbekomme ist, dass das Bild, welches im Inhalt verwendet wird vertikal zentriert wird. Im Moment bzw. der Standart ist ja das die obere Kante vom Bild zu sehen ist und alles was nach den 500 Pixeln kommt abgeschnitten wird.
Als Inhalt verwende ich Text Elemente mit Bild.
Hat jemand einen kleinen Tipp für mich?
Liste der Anhänge anzeigen (Anzahl: 1)
Hey,
erstmal Danke für die Umfangreiche Antwort.
Du versuchst ja, bzw. schaffst es ja, dass das Bild immer zentriert ist aber man Links und Rechts oder eben oben und unten Freiraum hat. Das ist nicht das was ich erreichen möchte.
Grob erklärt ist mein Ziel das eine Sliderfläche die 100% breit und 500px hoch ist immer komplett mit dem Bild ausgefüllt ist (und das was immer oben und unten zuviel ist nicht sichtbar ist). Also quasi wie eine Schnittmaske in Photoshop. Das Bild füllt in der Breite immer den Slider komplett aus, dass erreiche ich ja dadurch, dass das Bild auf width 100% steht. Jetzt ist das Bild aber immer höher als die 500 px Höhe, logisch bedingt und abgesichert durch 4:3 oder 16:9 Format der Kamera. Mein Ergbniss ist jetzt aber das die obere Kante des Bildes auf der oberen Kante der sichtbaren Sliderfläche ist. Also wird nur unten vom bild was abgeschnitte. Ich möchte aber, dass es so ist das oben und unten quasi gleichviel abgeschnitte wird, also das Bild vertikel zentriert liegt.
Wahninnig schwer zu erklären :-) Ich habe mal eine kleine Grafik gemacht auf der ich meinen jetztigen Stand, mein Ziel und Spookies Lösung visualisiere.
Und diese Nummer, dass eben das Bild vertikal zentriert wird, dass bekomme ich einfach nicht hin :-)
Anhang 13392