Frage der Realisierbarkeit

[matze1983]

Ich hab mal ne Frage ob das Vorhaben auch ohne eine Datenbanktabelle realisierbar ist.

Ich habe eine Reihe von Bilder, jedoch sind einige in der Breite bzw. in der Höhe größer. Nun möchte ich mit einer Funktion 2 Div's als Möglichkeit geben, sie im Breit oder Hochformat darstellen zu lassen damit sie nicht so gequetscht ausssehen.
Das PRoblem liegt jetzt bei mir mit dem auslesen der Bilder

function bildgroesse()
{
$size = getimagesize(); 
$breite = $size[0]; 
$hoehe = $size[1];  

if ($breite>$hoehe)
{
echo"<img src='' width='400' height='300'>";
}
else
{echo"<img src='' width='225' height='300'>";}
}

das Problem ist nun, wie bekomme ich die Pfade der Bilder in getimagesize()?
Bilder werden über swap funtkion immer geladen.

<div align='center'><a href=\"#\" onclick=\"swapImage('start','/bilder/pics/dabei/dabei1.jpg');return false;\"><img src='/bilder/pics/dabei/thumb/dabei1_th.jpg' height='20' width='20' alt=''></a></div>

wie löse ich das Problem am besten?

 

[Gumbo]

Du kannst sie auch proportional skaliert darstellen, beispielsweise:

<ul class="gallery">
	<li><img src="http://farm2.static.flickr.com/1108/763401386_841db9b4d9_m.jpg" class="landscape"></li>
	<li><img src="http://farm1.static.flickr.com/27/47929423_f4d28560c3_m.jpg" class="portrait"></li>
	<li><img src="http://farm1.static.flickr.com/39/81447317_842cb20319_m.jpg" class="landscape"></li>
	<li><img src="http://farm1.static.flickr.com/72/153243170_61b0c8899c_m.jpg" class="landscape">
</ul>

ul.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.gallery li {
	float: left;
	width: 10em;
	height: 10em;
	text-align: center;
	line-height: 10;
}
ul.gallery li img.landscape {
	width: 100%;
	vertical-align: middle;
}
ul.gallery li img.portrait {
	height: 100%;
}

Dazu muss allerdings ermittelt werdne, ob das Bild ein Hoch- oder Querformat hat.