Moving a graphic in Javascript

Guest_imported · Jun 27, 2002

Basicly that's it. I wish to move a graphic that is 734w by 1h. I wish to move it up and down. Like it is scanning. I also wish it to stay in a certain spot, at the top of my page. Like in a table. Any help you could give would be nice.

Thanks

NEVERSLEEP · Jun 27, 2002

<html>
<head>
<style>

</style>
<script language="JavaScript1.2">
<!--

var dragapproved=false;
var z,x,y;

function move(){
if (event.button==1&&dragapproved) {
z.style.pixelLeft=temp1+event.clientX-x;
z.style.pixelTop=temp2+event.clientY-y;
return false;
}
}

function drags() {
if (!document.all){return;}
if (event.srcElement.className=="drag&quot

{
dragapproved=true;
z=event.srcElement;
temp1=z.style.pixelLeft;
temp2=z.style.pixelTop;
x=event.clientX;
y=event.clientY;
document.onmousemove=move;
}
}

document.onmousedown=drags;
document.onmouseup=new Function("dragapproved=false&quot

;
//-->
</script>
</head>
<body bgcolor="white">
<center>
<br><br><br><br><br><br>
<img src="img/test.gif" class="drag">
<br><br><br><br><br><br>
<img src="img/test2.gif" class="drag">
</center>
</body>
</html>
---------------------------------------

someone knowledge ends where
someone else knowledge starts

Guest_imported · Jun 28, 2002

Thanks for the Script, but I mean more like moving by it's self. Like a big .gif or a flash animation. I guess this is more in DHTML like stuff.

NEVERSLEEP · Jun 28, 2002

first thing first DHTML dosen't exist
it a way of saying "cross-browser-dinamic*-html"
* using javascript vb css etc...

just to move objects ...
check out xutopia site for examples (

http://www.xutopia.com)

like this one

http://www.teaser.fr/~gharan/eanimation.html

---------------------------------------

someone knowledge ends where
someone else knowledge starts

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Moving a graphic in Javascript

Guest_imported

New member

NEVERSLEEP

Programmer

Guest_imported

New member

NEVERSLEEP

Programmer

Similar threads

Part and Inventory Search

Sponsor