HTML bild an browser größe anpassen

RayZero

Lieutenant
Registriert
Sep. 2009
Beiträge
534
hi zusammen,

ich bin im programmieren nicht wirklich drin - folgendes soll realisiert werden:

bildershow im browser -> bild soll an seitenverhältnisse des browsersangepasst werden (immer 16:9),
sprich es sollen keine scrollbalken sichtbar sein. bilderschau läuft im vollbildmodus (F11)
im internet explorer.

soweit bin ich:

Code:
<html>
 <head>
  <title>bla</title>
  <style type="text/css">
   dummy { position: relative; height: 100% ; weight: 100%; }
  </style>
 </head>
<body bgcolor ="#3e4f57">

<?php
$verzeichnis = "pictures/";

# Geschwindigkeit in Millisekunden
# 3000 = 3 Sekunden
$peed = 3000;

echo "
<div style='text-align: center;'><img id='dummy' src='#'></div>

<script type='text/javascript'>
var bild = new Array();
var i = 0;
";

$ordner = openDir($verzeichnis);
$by = 0;
while ($file = readDir($ordner)) {
 if($file != "." && $file != "..") {
  echo "bild[$by]='$verzeichnis$file';\n";
  $by++;
 }
}
closeDir($ordner);

echo "
function anzeigen() {
 if (i < bild.length) {
  document.getElementById('dummy').src=bild[i];
  i++;
 }
 else {
  i = 0;
 }
  setTimeout('anzeigen()', $peed);
}
anzeigen();
</script>
";
?>

</body>
</html>

könnt ihr mir helfen, wo ich ansetzen muss?
die dummy id bezieht sich doch auf die bilder, die aus dem verzeichnis geladen werden - oder?

viele grüße
 
Zurück
Oben