PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Automatische Bildskalierung in einer Tabelle mit CSS



The Majora
30.09.2007, 10:39
Tja es kann sein,das ich ein volkommener Noob bin,aber das ist jetzt nicht wichtig! Ich habe viele Bidler und möchte sie in eine Tabelle ein fügen! Die Größe muss aber perfekt passen! Gibst da ein Tag,welches die Bidler automatisch sklaliert?
Können da auch missgeschicke passieren,wenn man eine andere Auflösung hat?
Vielen Dank im Voraus
The Majora

Spark Amandil
30.09.2007, 11:21
du kannst mittelst width="x" height="x" werte festlegen. Allerdings wäre es schon allein wegen den Dateigrößen ratsamer einfach alle auf eine einheitliche größe zu reduzieren. geht mit vielen programmen, oftmals auch automatisch für ganze Verzeichnisse um den selben Arbeitsschritt nicht bei jedem Bild wiederholen zu müssen.

Drakes
30.09.2007, 12:51
Man könnte da noch eine PHP-Umsetzung machen:


<?php
// Datei: bild_scaled.php
header ("Content-type: image/jpeg");
$ok = true;
if(isset($_GET['bild']))
{
$url = $_GET['bild'];
if(file_exists($url));
{
$source = imagecreatefromjpeg($url);
$destination = imagecreatetruecolor(100,100);
imagecopyresized ( $destination, $source, 0, 0, 0, 0, imagesx($destination) , imagesy($destination), imagesx($source),imagesy($source) )
imagejpeg($destination);
imagedestroy($source);
imagedestroy($destination);
}
else
$ok = false;
}
else
$ok = false;
if(!$ok)
{
$image = imagecreate(100,100);
$white = ImageColorAllocate($image, 255, 255, 255);
ImageColorDeAllocate($im, $white);
imagefill($image,0,0,$white);
imagejpeg($image);
imagedestroy($image);
}
?>

Ist jetzt gerade zusammengewerkelt worden, daher, ich hab es nicht getestet. Man könnte das noch so erweitern, dass es für verschiedene Dateitypen funktioniert.

Edit btw: das Einbinden der Datei funktioniert z.B. so:

<img src="bild_scaled.php?bild=blabla.jpg" width="100" height="100" alt="" />

The Majora
02.10.2007, 15:02
Nein ihr versteht mich nicht genau...also ich habe schon eine einheitliche Größe genommen!
Aber wie kann ich das so machen,das jedes Bild "PERFEKT" IN EINE Tabelle passt!
Mit width und height ggeht das nicht,da es sich bei verschiedenen Auflösungen stark verändert :/

NPC Fighter
02.10.2007, 18:05
Es ist schwer nachzuvollziehen, was du unter "Perfekt in eine Tabelle passen" verstehst. Wenn alle Bilder gleich groß sind, passen sie doch ideal in die Zelle. Was willst du mehr?

FF
02.10.2007, 19:49
table-border:0px; padding:0px;
bei den bildern margin:0px;

ich nehm an, er meint, das zwischen tabellenrand und bild kein platz ist oder so.