Seite mit vielen Bildern

Ich würde das auf diese Weise umsetzen:

  • style.php:
PHP:
<?php
header('Content-Type: text/css; charset=ISO-8859-1');

// Dimensionen für kleine Bilder
$widthSmall = '5px';
$heightSmall = '5px';

// Dimensionen für große Bilder
$widthBig = '100px';
$heightBig = '100px';
?>

.gallery li img {
width:<?php echo $widthSmall;?>;
height:<?php echo $heightSmall;?>;
}
.gallery li span img {
width:<?php echo $widthBig;?>;
height:<?php echo $heightBig;?>;
}

/* Hier folgen die weiteren CSS-Formatierungen für die Seite */
  • Aufruf der PHP-Datei im Dokument:
HTML:
<link rel="stylesheet" type="text/css" href="style.php" media="screen" />
  • Die <img>-Elemente erhalten im HTML-Code kein width- und height-Attribut mehr, sondern beziehen diese Angaben nun aus dem CSS.

  • Fertitsch :)

mfg Maik
 

Neue Beiträge

Zurück