[SOLVED] Simple Mouseover

[allistera]

Hey there, I have made a simple JS mouse over:

 

function mouseOver()
{
document.home.src ="images/homeO.gif";
}
function mouseOut()
{
document.home.src ="images/home.gif";
}

 

<img src="images/home.gif" id="home" onmouseout="mouseOut()" onmouseover="mouseOver()" alt="Home" />

 

Works fine in firefox, but not in IE, I don't know JS, just this simple mouseOver.

Any help?

Thanks

[rhodesa]

try this instead:

 

function mouseOver(ele, path)
{
ele.src = path;
}
function mouseOut(ele, path)
{
ele.src = path;
}

 

<img src="images/home.gif" id="home" onmouseout="mouseOut(this,'images/home.gif')" onmouseover="mouseOver(this,'images/homeO.gif')" alt="Home" />

 

it's more generic too, so you can use it in several places

[GameYin]

or

 

window.location.href

[rhodesa]

or

 

window.location.href

 

or, read the post again

[allistera]

Thanks rhodesa, works  now

 

One more thing, have a look at this:

http://allistera.110mb.com/bookmarks.html

 

I used mootools to get the effect, this also works fine in firefox, but not in IE for some strange reason.

[GameYin]

Why did I haveto read the post again? What did I miss  ???

[rhodesa]

Why did I haveto read the post again? What did I miss  ???

 

window.location.href is for changing the page...he just wants the SRC of an image to change on mouseover

[allistera]

Never mind got it to work Thanks both of you!

[GameYin]

Oh.