PHP-Bilddimensionen festlegen

[piego]

Hallo,

folgender Scriptteil zeigt immer nur das neueste Bild an. Wie kann ich erreichen, dass beim Öffnen der Seite das Bild in einem frameset nicht auf die maximal mögliche, sondern auf eine optimale Größe gezogen wird?
Das Bild soll also in den richtigen Proportionen dargestellt werden.

<?PHP
//Verzeichnis/-pfad (Bilder und Script nicht ins gleiche Verzeichnis!!!)
$verzeichnis = './img/upload/';
//
//Bildbreite und -höhe festlegen
$bildbreite = '100%';
$bildhoehe = '100%';
.
.
.
//Ausgabe wenn Bild / Datum über dem Bild
$anzeige = '<img src="'.$verzeichnis.$tempfile.'" width="'.$bildbreite.'" height="'.$bildhoehe.'" border="0">';
}
echo $anzeige;
?>

Eigentlich müsste ich doch nur die Angaben bei Bildbreite-höhe verändern, aber wie?
Danke schon jetzt für die Hinweise.

[Kropff]

100% bezieht sich sich immer auf den zur Verfügung stehenen Platz. Du musst mit getimagesize die tatsächliche Größe auslesen und dann skalieren.

Peter

[piego]

Danke für den Hinweis mit "getimagesize"!
Mal davon abgesehen, dass dieser Befehl schon in "meinem" Script enthalten ist, finde ich bzgl. des dann notwendigen Skalierens immer nur Ausführungen um das Bild in einer niedrigeren Auflösung abzuspeichern (quasi Thumbnailerstellung)

Hast du noch ne Idee, wie ich das Bild nur bei der Anzeige Skalieren kann?

Danke.

[piego]

Hier mal der ganze Quelltext:

<?PHP
//Verzeichnis/-pfad 
$verzeichnis = './img/upload/';
//
//Bildbreite und -höhe festlegen
$bildbreite = '100%';
$bildhoehe = '100%';

//neue Bilddatei ermitteln
$tempfile = "";
$verz = opendir($verzeichnis);
while($file = readdir($verz))



{
$verzfile = $verzeichnis.$file;
$info = @getimagesize($verzfile);
if($info[2]==(1||2||3) && $file != "." && $file != ".." && !is_dir($file))
{
$tzeit = filemtime($verzfile);
if($tzeit>$tempzeit)
{
$tempfile = $file;
$tempzeit = $tzeit;
$breite = $info[0];
$hoehe = $info[1];

}
}
}


//Ausgabe
if($tempfile==""){
$anzeige = 'Kein Bild'; 
}else{

$anzeige = '<img src="'.$verzeichnis.$tempfile.'" width="'.$bildbreite.'" height="'.$bildhoehe.'" border="0">';
}
echo $anzeige;
?>

[Kropff]

Luke, nutze die Macht!

Du hast doch $breite und $hoehe. Also gebrauch die auch im img-Tag

Peter

[TobiaZ]

1. Frage: Weißt du, wie viel Platz zur Verfügung steht?

2. Frage: Ist das von dir beschriebene Verhalten nicht heutzutage Standard in den Browsern?

3. Frage: Schmück das ganze doch mal etwas aus. Das was du beschreibst, ist eigentlich nicht gerade das, was man normalerweise bei der Anzeige von Inhalten im Web macht.

[edit]
@Kropff, ich vermute, dass er die gewünschte Zielgröße gar nicht kennt.

[piego]

@Kropff:
Aber Vater, ich bin doch durch die JEDI-Zwischenprüfung im dritten Versuch durchgefallen.

@TobiaZ
1. Die gewünschte Zielgröße hängt zum Einen davon ab, welche Auflösung der Betrachter nutzt und zum Anderen davon, welche Größe das jeweilige neueste Bild hat.
Das Script wird in vielen Verzeichnissen aufgerufen und lädt damit in verschiedenen Kategorien Bilder mit den unterschiedlichsten Größen. Eine feste Einstellung kann ich damit nicht vornehmen.

2. Nein, selbst ohne %-Angaben erhalte ich nicht das gewünschte Resultat.

3. So unüblich ist das Auslesen des jeweils neuesten Bildes nicht. Ich habe den Codeschnipsel letztlich auch nur aus verschiedenen anderen Fetzen und Tutorials gezogen. (Ich benutze PHP und HTml lediglich auf einer kleinen ChatSeite unter Freunden auf der auch Bilder ausgetauscht werden. Bin also absolut nicht vom Fach aber das ergibt sich schon aus meiner Frage zu diesem Thema, denke ich.)
Das neueste Bild wird z.B. bei Bildergalerien oder beim upload von einer Webcam gerne verwendet.

Bilder werden durch die User der Seite hochgeladen. Damit jeder Betrachter immer das neueste Bild zuerst in der Großansicht sieht, habe ich dieses PHP-Script eingebunden. Da wo also die Großansicht erscheint, wenn man auf ein Thumb klickt, wird zuerst immer das neueste Bild angezeigt. Die Bilder haben aber alle verschiedene Größen, werden aber immer im gleichen Frameset angezeigt. Zur Zeit werden die Bilder einfach nur (100%) auf die Größe des Anzeigeframes gezogen. Dabei wird das Bild natürlich unschön verzerrt. Wenn man auf ein Thumb klickt, wird das Bild dagegen proportional verkleinert und angezeigt, sodass der User dann bei Bedarf hineinzoomen kann.
Lasse ich die 100% Angabe im Script einfach weg, wird das Bild in seinen originalen Maßen dargestellt und Scrollbalken eingeblendet-das will ich natürlich auch nicht.

--> Ich kenne weder die Größe des Bildes noch die Größe des Frames in dem das Bild angezeigt wird, weil dies bild- und Auflösungsabhängig ist. Zugegeben, das habe ich nicht deutlich genug im ersten Post dargestellt.
(Übrigens: Ich bin mir absolut im Klaren, dass alle die, die "vom Fach" sind, von der Verwendung solcher framesets abraten.)

[TobiaZ]

Ich kenne weder die Größe des Bildes noch die Größe des Frames in dem das Bild angezeigt wird, weil dies bild- und Auflösungsabhängig ist. Zugegeben, das habe ich nicht deutlich genug im ersten Post dargestellt.

Das stimmt doch nicht. Die Größe des Bildes kennst du doch wohl, dachte ich.(???)

Aber, wenn es mit reinem HTML/CSS nicht funktioniert, dann musst du wohl zunächst einmal clientseitig die entsprechenden Daten ermitteln. Ob du dann die Skalierung vom Browser oder vom Server erledigen lässt, kannst du dir danach überlegen.

[piego]

Nein, ich kenne die Größe nicht.
Das liegt einfach daran, dass alle User Bilder hochladen können. Es sind also regelmäßig wechselnde Bilder mit entsprechend unterschiedlichen Größen und zusätzlich ergibt sich die Größe des Anzeigeframes aus der Auflösung, die der User eingestellt hat (Bildschirmauflösung).

[TobiaZ]

Nein, ich kenne die Größe nicht.
Das liegt einfach daran, dass alle User Bilder hochladen können. Es sind also regelmäßig wechselnde Bilder mit entsprechend unterschiedlichen Größen

Das Thema getimagesize hatten wir nun wirklich bereits abgehakt.

zusätzlich ergibt sich die Größe des Anzeigeframes aus der Auflösung, die der User eingestellt hat (Bildschirmauflösung).

Dazu hatte ich ja gerade erst was geschrieben.

[pekka]

> zusätzlich ergibt sich die Größe des Anzeigeframes aus der Auflösung, die der User eingestellt hat (Bildschirmauflösung).

Das dürfte relativ aufwändig werden. Du müßtest:

* Die verfügbare Anzeigegröße mittels Javascript ausmessen
* Das Bild mit den so ermittelten Daten anfordern
* Wegen der wechselnden Größen meistens, auch mit Caching, Live verkleinern / vergrößern - Ressourcenintensiv und langsam

Schicke das Bild lieber in der maximal verfügbaren Auflösung durch und überlaß dem Browser das Skalieren.
In neueren Browsern gibt es auch Möglichkeiten, die Qualität des Skaliervorgangs zu beeinflussen, jedenfalls in Firefox seit 3.6: https://developer.mozilla.org/en/CSS/image-rendering und ich glaube auch im IE8.

[piego]

Größe der Bilder: Stimmt, hatte ich schon wieder ganz vergessen, Sorry.

Die Auflösung des User lese ich auch aus. Allerdings nur auf einer Statistikseite um zu sehen welche Auflösungen häufig sind (zwecks Anpassung).

Ich werde mal etwas im Netz stöbern, wie ich da weitermachen kann.

Mal sehen....

Danke für die Hinweise und das "Gedankenmachen"!


Nachtrag: Sehe jetzt erst den letzten Post. Danke, ich werde da mal nachschauen ob ich klarkomme.

Einen schönen Abend kurz vorm WE wünsche ich.

[pekka]

Jo, kein Problem!

> Die Auflösung des User lese ich auch aus. Allerdings nur auf einer
> Statistikseite um zu sehen welche Auflösungen häufig sind (zwecks Anpassung).

Das wird dir aber nichts bringen, weil der zur Verfügung stehende Platz trotzdem stark abweichen wird (Unterschiedliche Toolbars, Startleiste usw.)

[PHP-Desaster]

$info[2]==(1||2||3) 

Das ist nicht der gewünschte Vergleich. Das sieh dir noch mal an.