Hallo liebe PHP Freunde.
Ich habe mal eine Frage zu meinem Script. Ich möchte auf mehreren Fernsehern eine Diashow über unser Netzwerk anzeigen lassen. Mein Script liesst automatisch die Bilder aus dem dementsprechenden Bilder Ordner aus und wechselt nach einer voreingestellten Zeit automatisch die Bilder. Das funktioniert auch alles echt super. Allerdings ist mir der Übergang der Einzelnen Bilder zu Hart. Ich würde gern einen Fade Effekt einbauen. Ich finde allerdings keinen richtigen Ansatz wie ich das realisieren könnte.
Ich bin mir ziemlich sicher das das für euch kein Problem ist und ihr mir helfen könnt.
MfG
Thomas
PHP-Code:
<!DOCTYPE html>
<html>
<head>
<title>Diashow mit PHP und JavaScript</title>
<meta http-equiv="refresh" content="3600" >
</head>
<body>
<?php
# Diashow mit PHP und JavaScript
# Verzeichnis der Bilder
$verzeichnis = "show/";
# Geschwindigkeit in Millisekunden
# 7000 = 7 Sekunden
$speed = 7000;
echo "
<div style='text-align: center;'><img id='diashow' width=100% heigth=100% 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('diashow').src=bild[i];
i++;
}
else {
i = 0;
}
setTimeout('anzeigen()', $speed);
}
anzeigen();
</script>
";
?>
</body>
</html>