[HTML] Bilder Darstellen

[MarvinM]

Hallo zusammen!

Ich habe auf meiner Webseite eine Bildergalerie, die Bilder werden im Moment in der Originalgröße angezeigt, was allerdings zur folge hat, dass sie nicht ins Fenster passen.
Nun meine Frage: Wie kann ich die Bilder so zoomen, dass das Seitenverhältnis gewahrt wird und das Bild an die Bildschirmbreite (oder an die Bildschirmauflösung (wir gehen mal von einem maximierten Fenster aus)) angepasst wird.
Das Bild ist in einer HTML Seite eingebunden.

Breite = 100% ist eine Möglichkeit, aber dabei stellt sich noch die Frage wie ich die Höhe im richtigen Seitenverhältnis bekomme...
Lässt sich das mit Java bzw. Javascript realisieren?

Vielen Dank schonmal!!

PS: Eine Lösung mit PHP ist auch kein Problem, ich habe PHP-fähigen Webspace.

[zebrafalke]

Du könntest eine Tablle mit 100% Breite und Höhe nehmen und das bild gestreckt als Hintergrundbild anzeigen.

[MarvinM]

Zitat von zebrafalke:

Du könntest eine Tablle mit 100% Breite und Höhe nehmen und das bild gestreckt als Hintergrundbild anzeigen.

Ich wollte das Bild ja nicht strecken, weil damit ja auch das Seitenverhältnis den bach runter geht...

Eine Möglichkeit in Delphi wäre sowas in der Art, was ich in einem anderen Forum gefunden hab:

Delphi-Quellcode:

procedure TForm1.BitBtn1Click(Sender: TObject);
var r: Trect;
    z1,z2: single;
begin  
  z1:=image1.height/bmp.height;
  z2:=image1.width/bmp.width;

    if z1>z2 then begin
    with r do begin
      left:=0;
      top:=0;
      right:=image1.Picture.Bitmap.width;
      bottom:=round(bmp.height*z2);
    end;
  end else begin
    with r do begin
      left:=0;
      top:=0;
      right:=round(bmp.width*z1);
      bottom:=image1.Picture.Bitmap.height;
    end;
  end;
  image1.Picture.Bitmap.canvas.StretchDraw(r,bmp);

Nur hab ich keinen Schimmer wie ich das in Java oder PHP umsetze, da ich auf dem Gebiet auch nicht sonderlich erfahren bin.

[zebrafalke]

du könntest mit

Code:

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" background="bild.jpg">
<tr>
 <td></td>
</tr>
</table>

das bild in einer Tabelle darstellen, wenns größer als der Beildschrim ist wird der Rest halt abgeschnitten und fertig!
Das Seitenverhältnis ändert sich auch nicht.


[Edit]Oh man, ich laber heute vielleicht nen haufen scheiße....[/Edit]

[MarvinM]

Zitat von zebrafalke:

du könntest mit
...

das bild in einer Tabelle darstellen, wenns größer als der Beildschrim ist wird der Rest halt abgeschnitten und fertig!
Das Seitenverhältnis ändert sich auch nicht.


[Edit]Oh man, ich laber heute vielleicht nen haufen scheiße....[/Edit]

Ich würde aber gerne nichts von dem Bild abschneiden sondern es zoomen

[noch_ein_hannes]

wenn Du das Bild nicht neuberechnen möchtest, dann schreib doch einfach folgendes:

[img]meinbild.jpg[/img]

die Width ist die max. Breite der Seite - die Height ergibt sich aus den Proportionen des Bildes ...

[MarvinM]

Cool! Genau das hab ich gesucht, wenn ich jetzt noch für die 600 90% oder sowas einsetzte ist mein Problem gelöst!

Vielen Dank!