En animation oveni et billede
Jeg har fået fat i et script på nettet, der lader et billede glide ned over skærmen.Koden ser således ud:
<SCRIPT LANGUAGE=\"JavaScript\">
var isNS = ((navigator.appName == \"Netscape\") && (parseInt(navigator.appVersion) >= 4));
var _all = \'\';
var _style = \'\';
var wwidth, wheight;
var ydir = \'++\';
var xdir = \'++\';
var id1, id2, id3;
var x = 1;
var y = 1;
var x1, y1;
if(!isNS) {
_all=\'all.\';
_style=\'.style\';
}
function getwindowsize() {
clearTimeout(id1);
clearTimeout(id2);
clearTimeout(id3);
if (isNS) {
wwidth = window.innerWidth - 55;
wheight = window.innerHeight - 50;
} else {
wwidth = document.body.clientWidth - 55;
wheight = document.body.clientHeight - 50;
}
id3 = setTimeout(\'randomdir()\', 20000);
animate();
}
function randomdir() {
if (Math.floor(Math.random()*2)) {
(Math.floor(Math.random()*2)) ? xdir=\'--\': xdir=\'++\';
} else {
(Math.floor(Math.random()*2)) ? ydir=\'--\': ydir=\'++\';
}
id2 = setTimeout(\'randomdir()\', 20000);
}
function animate() {
eval(\'x\'+xdir);
eval(\'y\'+ydir);
if (isNS) {
pic1.moveTo((x+pageXOffset),(y+pageYOffset))
} else {
pic1.pixelLeft = x+document.body.scrollLeft;
pic1.pixelTop = y+document.body.scrollTop;
}
if (isNS) {
if (pic1.top <= 5+pageYOffset) ydir = \'++\';
if (pic1.top >= wheight+pageYOffset) ydir = \'--\';
if (pic1.left >= wwidth+pageXOffset) xdir = \'--\';
if (pic1.left <= 5+pageXOffset) xdir = \'++\';
} else {
if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = \'++\';
if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = \'--\';
if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = \'--\';
if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = \'++\';
}
id1 = setTimeout(\'animate()\', 30);
}
</script>
..HTML´en ser således ud:
<BODY OnLoad=\"getwindowsize()\" bgcolor=\"white\" OnResize=\"getwindowsize()\" style=\"margin-top : 0px;\">
<DIV id=\"pic1\" style=\"position:absolute; visibility:visible; left:0px; top:0px; z-index:-1\">
<IMG src=\"grafik/billede.gif\" border=\"0\">
</DIV>
<SCRIPT language=\"javascript\">
var pic1=eval(\'document.\'+_all+\'pic1\'+_style);
</SCRIPT>
..Mit problem er nu, at jeg gerne vil have det til at vises på en side, hvor der ligger nogle store billeder. Animationen skal så køre henover disse billeder. FOr en gangs skyld går det fint i Netscape - men i Explorer \"gemmer\" animationen sig omme bagved billederne og kigger så kun frem en gang imellem, når den når helt til yderkanterne af billederne. Er der nogen, der har en løsning på problemet?
