Ruen: GIF soll sich nur in Table bewegen!

SELF-Forum

GIF soll sich nur in Table bewegen!

Ruen
– Informationen zu den Bewertungsregeln

Hi, also ich habe ein problem, meine gif Datei fliegt über die Ganze Homepage aber ich will dass sie sich nur in der TABLE bzw. TD bewegt ! Wie kann ich dass machen ?!?!
Achja hier habt ihr noch das Script dazu:

Thx ! Ruen

<html><head><title>test</title>
</head>
<body>
<h1>TEST<H2>
<table border="5" width="200" height="200" cellpadding="0" cellspacing="0">
 <tr>
  <td>
<script language="JavaScript">
<!--
pics=new Array('logo.gif')
load=new Array();
function PreLoad(){
for(i=0; i < pics.length; i++)
 {
 load[i]=new Image();
 load[i].src=pics[i];
 }
}
PreLoad();
BY=-22;
BX=-17;
NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);
L=null;
if (NS4){
document.write("<LAYER NAME='netscape' LEFT=0 TOP=0><img name='n' src="+load[0].src+"></LAYER>");
}
if (NS6){
document.write("<img id='n6' src='"+load[0].src+"' style='position:absolute;top:0px;left:0px'>");
}
if (IE4){
document.write("<div style='position:absolute;top:0px;left:0px'><div style='position:relative'>");
document.write("<img id='explorer' src='"+load[0].src+"' style='position:absolute;top:0px;left:0px'>");
document.write("</div></div>")
}
R=0,PB=0,C2=0,C1=0,Y=0,X=0,D=0,VB=0,HB=0;
Y=10;X=10;D=Math.floor(Math.random()*60+10);

function Curve(){
plusMinus=new Array(1,-1,0,2,-2,3,-3,0,1,-1)
R = plusMinus[Math.floor(Math.random()*plusMinus.length)];
}

function picSwap(){
if (C2 >= pics.length)C2=0;
if (NS4)document.layers['netscape'].document.images['n'].src=pics[C2];
if (NS6)document.getElementById("n6").src=pics[C2];
if (IE4)explorer.src=pics[C2];
}

function MoveRandom(){
C1++;
if (C1==50){C2++;Curve();picSwap();C1=0}
setTimeout('MoveRandom()',10);
var H=(NS6||NS4)?window.innerHeight:document.body.clientHeight;
var W=(NS6||NS4)?window.innerWidth:document.body.clientWidth;
var YS=(NS6||NS4)?window.pageYOffset:document.body.scrollTop;
var XS=(NS6||NS4)?window.pageXOffset:document.body.scrollLeft;
PB=D+=R;
y = 3*Math.sin(PB*Math.PI/180);
x = 3*Math.cos(PB*Math.PI/180);
if (D < 0) D+=360;
Y+=y;
X+=x;
VB=180-D;
HB=0-D;
if ((Y < 1) && (X < 1)) {Y=1;X=1;D=45;}
if ((Y < 1) && (X > W+BX)) {Y=1;X=W+BX;D=135;}
if ((Y > H+BY) && (X < 1)) {Y=H+BY;X=1;D=315;}
if ((Y > H+BY) && (X > W+BX)) {Y=H+BY;X=W+BX;D=225;}
if (Y < 1) {Y=1;D=HB;}
if (Y > H+BY) {Y=H+BY;D=HB;}
if (X < 1) {X=1;D=VB;}
if (X > W+BX) {X=W+BX;D=VB;}
if (NS4)L=document.netscape;
if (NS6)L=document.getElementById("n6").style;
if (IE4)L=explorer.style;
L.top=Y+YS;
L.left=X+XS;
}
window.onload=MoveRandom;
//-->
</script>
  </td>
 </tr>
</table>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. GIF soll sich nur in Table bewegen!

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Hi, also ich habe ein problem, meine gif Datei fliegt über die Ganze Homepage aber ich will dass sie sich nur in der TABLE bzw. TD bewegt ! Wie kann ich dass machen ?!?!

    in der funktion MoveRandom() sind ein paar zeilen, die offenbar die grenzwerte festlegen:

    var H=(NS6||NS4)?window.innerHeight:document.body.clientHeight;
    var W=(NS6||NS4)?window.innerWidth:document.body.clientWidth;
    var YS=(NS6||NS4)?window.pageYOffset:document.body.scrollTop;
    var XS=(NS6||NS4)?window.pageXOffset:document.body.scrollLeft;

    setze hier die "richtigen" grenzwerte für deine tabelle.
    dazu musst du u.U. zuerstmal die position der tabelle relativ zum viewport bestimmen, um den richtigen wert für die positionierung des gifs zu bestimmen.

    ein andere möglichkeit: positioniere die tabelle zunächst relativ, und dann innerhalb von ihr das gif absolut. so brauchen die relativen koordinaten der tabelle nicht mehr extra in die position des gifs einberechnet werden.

    gruss,
    wahsaga

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln