Bilder auf Slider werden abgeschnitten

Vielleicht hatte von euch jemand auch dieses Problem. Und zwar werden auf der Seite http://marco-kroener.de/teutul/index.php/zertifikate.html manchmal die Bilder abgeschnitten, manchmal nicht. Da die Höhe der einzelnen Bilder unterschiedlich ist, habe ich diese in der Slider-Konfi auf variabel gestellt. Habe schon mehrere Sachen probiert, jedoch ohne Erfolg. Hat von euch jemand einen Rat parat, was ich noch tun könnte?

Unter FireFox 27.0.1, Chrome 33.0.1750.146 und Internet Explorer 11, jeweils unter Windows 7 x64, wird kein Bild abgeschnitten. Es ändert sich immer nur die Höhe des Sliders Viewports. Auch nach mehrere durchläufen konnte ich das noch nicht feststellen. In welchem Browser und System hast du getestet?

Hallo spooky,

momentan teste ich in WIN XP, Chrome 33.0.1750.146. Zuhause habe ich auch unter WIN Vista getestet, Chrome und Firefox. Genaue Version müsste ich nochmal schauen. Aber überall das gleiche Problem. Bei einem Test wird alles korrekt angezeigt, beim nächsten (im selben Browser) werden mir die Bilder abgeschnitten...

Hier noch ein Screenshot dazu:
Anhang 13177

Schalte doch mal in den Conto BE-Einstellungen im Bereich von caroufredsel due Startmethode auf "readyLoad" um. Ich vermute du läufst in das klassische jQuery-Browser Bug Problem bei welchem best. Browser nicht die korrekte Bildhöhe an jQuery liefern, sofern die Bilder noch nicht komplett geladen wurden.

Hallo jack_typewriter

sorry aber es werden bei mir überhaupt keine Bilder ausgegeben.

Viele Grüße
MiTsch

Habe es nun auch reproduzieren können, mit einer längeren Ladezeit der Seite. Die von Dirch beschriebene Einstellung sollte da helfen, ja :)

Hallo zusammen,

hatte die von Dirch beschriebenen Einstellungen vorgenommen mit dem Ergebnis, dass unterhalb des ersten Akkordeon-Punktes gar nichts mehr zu sehen war. Das scheint in diesem Fall leider auch nicht zu helfen...

Wenn ich die Slider auf ner fixen Höhe laufen lasse, ist die Darstellung ok. Hierzu noch eine Frage an euch. Die von der Höhe her kleineren Bilder möchte ich vertikal zentriert darstellen. Nur bekomme ich das bis jetzt noch nicht hin... Habt ihr evtl. eine schnelle Lösung parat?

Evt. so:

PHP-Code:

---

#zertifikate .ce_caroufredsel_gallery figure {
    height:600px;
    position:relative;
}

#zertifikate .ce_caroufredsel_gallery figure img {
    display:block;
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    margin:auto;
} 


---

Da sich dein Slider automatisch weiterbewegt konnte ich das jetzt aber nicht so schnell testen.

So funktioniert es leider nicht, das zerschießt mir den Slider komplett... Ich stelle den Slider mal kurz um, damit er sich nicht automatisch bewegt...

PHP-Code:

---

#zertifikate .caroufredsel_wrapper figure {
    width:600px;
    height:600px;
    position:relative;
}

#zertifikate .caroufredsel_wrapper figure img {
    display:block;
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    margin:auto;
} 


---

Wird dir aber evt. auch nicht gefallen ;).

Alternative mit table-cell:

PHP-Code:

---

#zertifikate .caroufredsel_wrapper figure {
    display:table-cell;
    height:600px;
    vertical-align:middle;
} 


---

Danke für die Hilfe, Spooky,

das mit dem table-cell ist doch schon ganz gut. Jetzt muss es nur noch dem Kunden zusagen...