Sliderbreite bei unterschiedlichen Auflösungen

Hallo zusammen,

meine Website liefert via Media Queries optimierte Darstellungen bei unterschiedlicher Bildschirmbreite aus. Damit größere Bilder nicht abgeschnitten, sondern skaliert werden, verwende ich inzwischen folgenden Code:

Code:

---

#container img
{
    display:block;
    max-width:100%!important;
    height:auto;
}

---

Komisch ist nur, dass dies bei einem Slider nicht greift, dabei sind die Bilder-Inhaltselemente doch auch nichts anderes als img-Tags!? Es funktioniert aber auch nicht für #container .slider.

Kennt vielleicht jemand einen anderen Weg, die Slidergröße automatisch anzupassen?

Danke für jede Anregung!

Gruß Alex

Da müsste man genau sehen was du hast und was du wann willst. Slider ist ja kein HTML-Element und selbst wenn, müsste man sehen, in welchem Umfeld es steht. max-width:100%; sagt ja nur: mach das Bild kleiner (anstatt es abzuschneiden oder überlaufen zu lassen), wenn der zur Verfügung stehende Platz nicht ausreicht um das Bild anzuzeigen.

ich muss nächste woche genau das selbe machen, weswegen wir slideItMoo die responsiven funktionen spendieren. dann melde ich mich nochmal.

Das wär ja klasse! Danke!

Gruß Alex

Ich habe zu diesem Thema auch noch eine offene Baustelle.

In meinem Fall habe ich Bilder, die im Slider auf die volle Breite vergrößert werden sollen.
Aus lizenztechnischen Gründen dürfen die Bilder max. 800px in der Breite haben. Der Slider umfasst aber 960px. Gegen ein "zoomen" ist nichts einzuwenden.
Habe bislang weder mit Slideitmoo noch mit NoobSlider eine Lösung gefunden.

Danke

Thomas

Dann skalier sie doch einfach. Per CSS setzt du alle Bilder in der Slideshow auf die feste Breite von 960px und die Höhe lässt du variabel. Sehe das Problem grade nicht so :)

jetzt, wo du es sagst... :D

Seit einigen Versionen kann slideItMoo nun auch responsive. Einfach den Haken im Backend tätigen