Billede fader
Jeg har lavet et lille script som gør at man kan have flere billeder som slider mellem hinanden. det skal være muligt at have flere slide pr. side! det er en blanning af php og javascript.Dog har jeg problemer med at det kun virker hvis jeg sætter onloaden i body! men kan jeg ikke sætte den et anden sted?
<?PHP
function fade($array,$name='SlideShow'){
echo "<SCRIPT language=JavaScript>\n";
echo "var slideShowSpeed = 3000;\n";
echo "var crossFadeDuration = 3;\n";
echo "var Pic = new Array();\n";
for($i=0;$i<count($array);$i++){
echo 'Pic['.$i.'] = \''.$array[$i].'\'
';
}
echo "var t;\n";
echo "var j = 0;\n";
echo "var p = Pic.length;\n";
echo "var preLoad = new Array();\n";
echo "for (i = 0; i < p; i++) {\n";
echo "preLoad[i] = new Image();\n";
echo "preLoad[i].src = Pic[i];\n";
echo "}\n";
echo "function run".$name."() {\n";
echo "if (document.all) {\n";
echo "document.images.".$name.".style.filter=\"blendTrans(duration=crossFadeDuration)\";\n";
echo "document.images.".$name.".filters.blendTrans.Apply();\n";
echo "}\n";
echo "document.images.".$name.".src = preLoad[j].src;\n";
echo "if (document.all) {\n";
echo "document.images.".$name.".filters.blendTrans.Play();\n";
echo "}\n";
echo "j = j + 1;\n";
echo "if (j > (p - 1)) j = 0;\n";
echo "t = setTimeout('run".$name."()', slideShowSpeed);\n";
echo "}\n";
echo "</SCRIPT>\n";
echo "<html><body><table onLoad=\"runSlideShow()\"><tr><td><img src=\"".$array[0]."\" name='SlideShow'></td></tr></table></body></html>\n";
}
$array[] = "1.jpg";
$array[] = "2.jpg";
fade($array,"SlideShow");
?>
