Responsive Slider: Höhe 100%

[stixer]

Hi.

Ich habe jetzt schon alle möglichen Erweiterungen probiert und habe immer dasselbe Problem:

Ich möchte Fotografien zeigen, die Höhe soll 100% sein und die Breite dann automatisch… Leider kann ich immer nur die Breite auf % setzen.
caroufredsel kann das wohl, aber irgendwie funzt das nicht.

Hat jemand einen Tipp?

Vielen Dank und Grüße!

[ctnew]

Vielleicht hilft dir das weiter:

#deineID img {max-width: 100%; background-size: cover;}

[Spooky]

Geht es hier um 100% Höhe des Viewports oder einfach 100% Höhe des Sliders? Wie fügst du die Bilder ein? Legst du eine Größenangabe für jedes Bild fest? Abhängig von diesen Angaben musst du das CSS festlegen.

Hier ein Beispiel, wenn du einfach im Slider deiner Wahl nach der Reihe Bilder als Media Content Element einfügst und du allen Bildern eine fixe Höhe geben willst:

.slider .ce_image figure {
    margin:0;
    max-width:100%;
    max-height:500px;
}

.slider .ce_image figure img {
    width:auto;
    height:auto;
    max-height:100%;
    margin:0 auto;
    display:block;
} 

[Dirch]

Das liegt daran, daß ich mich an seine Specc gehalten habe, aber doch mehr möglich ist. Das muß ich mal angehen und genau schauen welche Kombinationen tatsächlich gehen.

Du kannst dir abhelfen in dem du das js-Template (etwa Zeile 47) editierst:

if ($this->height) {
        echo ($oComma == true ? ', ' : '') . 'height: "100%"';//$this->height;
       $oComma = true;
} 

Die Breite läßt du ungesetzt und setzt diese mit CSS auf width:auto

Das sollte es gewesen sein. Beste Grüße...
...Dirk