jumpy images help needed

Exorcist464 · #1 (**permalink**) Sep 14th, 2007, 02:47

Hi. I'm trying to take an image and make it do a jump on the onMouseOver call. I have got some code, but I am not sure whether it is the right direction.

Code: Select all

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Barbara Shannon Consulting</title>
    
<script language="JavaScript">

Hmove=200;
function imageJump(objID)
{
    var obj=document.getElementById(objID);
    Hmove-=2;
    obj.style.left=Hmove;
    
    if(Hmove>100)
        window.setTimeout("imageJump('" +obj.id+ "');", 0);
}

</script>

</head>

<link href="style/style.css" rel="stylesheet" type="text/css"/>

<body>    
<div id="wrapper">
    <div id="container">
          <div id="topBar">
        
            <a href="#" onMouseOver="imageJump('JS')">
            <img src="http://www.webforumz.com/images/about.png" name="JS" hspace=0 border=0 align=baseline id=JS style="z-index: 0; left: 400px; position: absolute; top: 50px">
            </a>
            
        </div>
    </div>
</div>

Rakuli · #2 (**permalink**) Sep 14th, 2007, 15:33

So by looking at your code and assuming that the links current "Left" position is zero, this code will make the image jump 200 pixels to the right and settle at 100 pixels to the right from its original position.

You would also have to specify the measurement you're using too

eg.

obj.style.left = Hmove + 'px';

Cheers,

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
jumpy page	pallworthy	Web Page Design	3	Jun 2nd, 2008 09:12
multiple rollover images change multiple images	joshlindem	Web Page Design	4	Apr 18th, 2008 09:11
Designers needed, cloners needed.	TargeTemplate	Job Opportunities	0	Dec 27th, 2007 03:41
Help Needed urgently! Getting rid of border on linked images	SkyeGospel	Starting Out	6	Aug 6th, 2007 20:32
Images and SEO	spinal007	Search Engine Optimization (SEO)	9	May 5th, 2007 15:57

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
jumpy images help needed