Bild entweder der Breite bzw. Höhe nach anpassen

[Taney]

Hallo Forum,
kann man eigentlich problemlos Bilder entweder der Breite nach bzw. der Höhe nach an einen Rahmen anpassen?
Bisher habe ich die Bilder unserer Mitglieder der höhe nach festgeleget (200px). Die breite wäre dann variable.
Es gibt aber Mitglieder, die haben ein ewig breiter Bild.

Könnte man das wie in diesem Beispiel (http://www.angesagt.de/angesagter.html) je nach Situation entweder der Höhe bzw. nach der Breite anzupassen?

Für Eure Bemühungen bedanke ich mich im Voraus.
Viele Grüße
Taner

[Sven Rautenberg]

Moin!

kann man eigentlich problemlos Bilder entweder der Breite nach bzw. der Höhe nach an einen Rahmen anpassen?

Ja klar, die Möglichkeiten sind vielfältig.

Bisher habe ich die Bilder unserer Mitglieder der höhe nach festgeleget (200px). Die breite wäre dann variable.

Wie "festgelegt"? Gewöhnlich erzeugt man passend große Bilder - dann kann der Browser beim Kleinrechnen keinen Pixelmüll erzeugen.

Es gibt aber Mitglieder, die haben ein ewig breiter Bild.

Das könnte man ja auch abschneiden.

Nur: HTML ist zur Erledigung dieser Aufgabe absolut ungeeignet! Was steht dir sonst noch zur Verfügung? Und wo kommen die Bilder genau her, bzw. von wem?

- Sven Rautenberg

[Taney]

Hallo, vielen Dank für die Antworten.

Es gibt aber Mitglieder, die haben ein ewig breiter Bild.

Das könnte man ja auch abschneiden.

Wenn ich beide Seiten festlege, dann verzieht sich das ganze Bild.

Nur: HTML ist zur Erledigung dieser Aufgabe absolut ungeeignet! Was steht dir sonst noch zur Verfügung? Und wo kommen die Bilder genau her, bzw. von wem?

Ich passe zurzeit das Design unserer Community an. Mitglieder können Profilbilder hochladen.

<IMG class="galbild" src="<%= bild %>" height="100px" titel="Nickpage von "<%= username %>"" border="0"></a>

In diesem Beispiel habe ich die Höhe auf 100px eingestellt, die Breite richtet sich dann danach.
Die Frage ist, wie ich bei <%= bild %> im Vornhinein prüfen kann, wie breit bzw. wie hoch das Bild ist. Dementsprechend könnte man das dann entweder die breite oder die höhe festlegen.

Die Feinste Lösung wäre es, beim Upload die Bilder immer auf dasselbe Gräße maßzuschneidern, dann gebe es wohl keine Probleme.

Uns steht .jsp zur Verfügung. JavaScript bevorzuge ich nicht so, da dies bei vielen Usern abgeschaltet ist.

Viele Grüße
Taner

[Sven Rautenberg]

Moin!

Es gibt aber Mitglieder, die haben ein ewig breiter Bild.

Das könnte man ja auch abschneiden.

Wenn ich beide Seiten festlege, dann verzieht sich das ganze Bild.

Hängt davon ab, wie man das macht.

Nur noch mal zur Erinnerung meine Aussage und meine Fragen an dich:

Nur: HTML ist zur Erledigung dieser Aufgabe absolut ungeeignet! Was steht dir sonst noch zur Verfügung? Und wo kommen die Bilder genau her, bzw. von wem?

Ich passe zurzeit das Design unserer Community an. Mitglieder können Profilbilder hochladen.

Das ist keine Antwort auf die Frage "Was steht dir sonst noch zur Verfügung?

<IMG class="galbild" src="<%= bild %>" height="100px" titel="Nickpage von "<%= username %>"" border="0"></a>

Das height-Attribut ist falsch! Height erfordert entweder eine Zahl ohne EInheit - das sind dann Pixel. Oder eine Prozentangabe - die bezieht sich dann auf die Originalgröße des Bildes.

In diesem Beispiel habe ich die Höhe auf 100px eingestellt, die Breite richtet sich dann danach.

In jedem Fall überläßt du es dem Browser, das Bild passend zu skalieren - und das sieht immer Scheiße aus, außer bei Bildern, die tatsächlich 100 Pixel hoch sind.

Die Frage ist, wie ich bei <%= bild %> im Vornhinein prüfen kann, wie breit bzw. wie hoch das Bild ist. Dementsprechend könnte man das dann entweder die breite oder die höhe festlegen.

Stelle fest, wie groß das Bild ist, und reagiere entsprechend bei der Ausgabe des einbindenden HTML-Codes.

Die Feinste Lösung wäre es, beim Upload die Bilder immer auf dasselbe Gräße maßzuschneidern, dann gebe es wohl keine Probleme.

Richtig, aber das kann man auch noch bei der Bildausgabe machen, wenn's denn sein muß. Einen Cache vorzusehen wäre vermutlich eine gute Idee.

Uns steht .jsp zur Verfügung. JavaScript bevorzuge ich nicht so, da dies bei vielen Usern abgeschaltet ist.

Du kannst ohnehin nur eine serverseitige Lösung realisieren, Javascript im Browser hilft dir bei der Bildschönheit nicht.

Ach ja: Nett, dass du das wichtigste ("JSP steht zur Verfügung") ganz am Ende schreibst. Mit JSP kenn ich mich nicht aus, da wirst du die passenden Bildbibliotheken leider selbst recherchieren müssen. Vielleicht gibts ja eine Verbindung z.B. zu ImageMagick auch für JSP.

- Sven Rautenberg

[Richard]

Hallo,

Könnte man das wie in diesem Beispiel (http://www.angesagt.de/angesagter.html) je nach Situation entweder der Höhe bzw. nach der Breite anzupassen?

Klar kann man das, indem man abfragt welche der beiden Größen größer ist und diese dann skaliert (z.B. mit Javascript).

Beste Grüße