Hi, I'm trying to change the cursor when it's over an image. So I have the following code:

<script type="text/javascript">

function cursorhand()
{
    document.body.style.cursor = "hand";
}

function cursordefault()
{
   document.body.style.cursor = "default";
}
</script>

<img onMouseover="cursorhand()" onMouseout="cursordefault()" onclick="prev()" src="prev.png">
&nbsp; &nbsp;
<img onMouseover="cursorhand()" onMouseout="cursordefault()" onClick="next()" src="next.png">

That works as expected in IE, but not in Firefox Is there a way to make this work in Firefox?

Thanks,
Nathan

I've never tried this, but this CSS pseudo-class may work instead:
[code]
img:hover {
cursor: hand;
}

I'm afraid that's not working for me either.

Again, I'm guessing...but why not?
<img onMouseover="cursorhand('previous')" onMouseout="cursordefault()" onclick="prev()" src="prev.png" id="previous">

function cursorhand(imgId)
{
document.getElementById(imgId).style.cursor = "hand";
}

That get you any closer?

Originally Posted by ADAM Web Design

I've never tried this, but this CSS pseudo-class may work instead:

img:hover {
     cursor:  hand;
}

try "pointer" instead
(and without :hover, so it works also in older browsers)

img {
     cursor: pointer;
}

(or with javascript of course)

I changed

document.body.style.cursor = "hand";

to

document.body.style.cursor = "pointer";

and it works!

I dunno why the "hand" option even exists, as it only worked in IE, and "pointer" works in both.

Thanks for the help everyone!
-Nathan