[gelöst] Bilder automatisch auf 100% Seitenbreite skalieren

Hm, automatisch skalieren ist unter dem Qualitätsaspekt immer so 'ne Sache. Imagecache in D6 hatte das noch. Ich denke, wirklich automatisch geht's nur über CSS oder JavaSript. Wenn die Skalierung nicht so stark ist, würd ich CSS benutzen:

.klasse-deines-div-containers  img { width: 100%; height: auto; }

Hier ist auch noch ne Übersicht von Image crop & resizing Modulen. Kannst ja mal schauen, ob da was brauchbares bei ist.

Also die Idee ist, dass der Redakteur ein Bild einfügt und das Ding dann im Hauptinhalt-Container (keine Ahnung, wie das in Drupal heißt, sorry^^) auf voller Breite ausgegeben wird. Es geht um einheitliches Aussehen der Artikel.

Ich hab einen Inhaltstypen angelegt mit einem Bildfeld. Als Modul läuft MediaFront mit, da kann ich eine Mindestgröße definieren. Damait ist das Qualitätsproblem doch vernachlässigbar, oder?

Mit CSS komm ich zurecht. Ist nur die Frage, wo ich die CSS-Klasse festlege. Sinnvoll wäre ja, dass ich eine beim Bestimmen des Inhaltstyps festlege, aber da gibt es wohl nichts. An die CSS des Themes wollte ich nicht ran, weil ja auch bei einem Themewechsel das Bild mit der Breite des neuen Inhaltscontainers angezeigt werden soll.

Wo ich jetzt hier so schreibe kurz vor der Nachtruhe... so müsste es doch gehn:

Ich lege 'ne CSS Datei an, die die image-field Klasse modifiziert. Und die binde ich bei einem neuen Theme immer als letztes in der .info-Datei ein. Oder, spricht etwas dagegen?

Gut's Nächtle

Ich bin bei meiner Antwort davon ausgegangen, dass dein Theme ein liquid Layout hat, also mit flexiblen Breiten für die automatische Anpassung im Browser. Ist das so?

Gar nicht, die wird vom System erstellt. Du musst nur die richtige rausfinden. Das geht mit Firebug recht einfach.

Beim Wechsel eines Themes musst du ohnehin noch einige Dinge mehr neu anpassen...

Kannst du machen, aber du kannst die CSS Notationen auch in die vorhandene .css Datei deines Themes schreiben.

Wenn dein Theme feste Breiten hat, dann würde ich die Bildstile von Drupal verwenden und eine feste Breite und Höhe definieren.

Nein, statisch. Das würde ich dann nicht so cool finden, wenn das Bild beim Aufziehen des Browserfensters wächst ;).

Mit CSS Klasse festlegen meinte ich natürlich, wo ich die CSS-Klasse überschreibe.

Blockpositionen. Und sonst?

Hmm... das ist ja das Problem. Da verändert sich das Seitenverhältnis oder ich muss automatisch beschneiden. Das möchte ich vermeiden.

Du kannst auch nur eine der beiden Angaben beim Bildstil machen, wenn Du skalieren wählst. Der zweite Wert ist dann proportional zum Originalbild. Das einzige Problem sind dann Proträit-Bilder, die zu groß werden. Gibst Du beide Werte gleich ein bei Skalieren, wird die größere der beiden Dimensionen auf den angegebenen Wert verkleinert und der zweite Wert ist proportional zur Bildgröße. Einfach mal ausprobieren.

Beste Grüße
Werner

omg, manchmal ist man einfach blind. hätte mich ja schon mal fragen können, wo der unterschied zwischen skalieren und größe ändern ist :D. vielen dank!