show a Randum image when roll over

chestnut2007 · Feb 4, 2007

I just tried to make randum images which shows one of them when I rolled over the image.
I just set randum array and variable to output the images when I rolled over.
These scripting below is my scripting. But it does not work...
Could you help me??
Thanks

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"

http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<script language="JavaScript"></script>

<title>flower</title>

</head>

<body>

<div align="center">
<a href="" onMouseOver="myMouseOver()" onMouseOut="myMouseOut()">
<img border="0" name="img" src="flowerA.gif"></a></div>
</body>

</html>

trollacious · Feb 4, 2007

This:
myFormImg

is not the name of your image, but your functions are swapping images with that. You should use document.images[imagenamehere].src

And DON'T name your img img (or any other page element the same as a page tag> or you're going to be looking for trouble.

Lee

dwarfthrower · Feb 4, 2007

[ideological difference of opinion]
You could give your image an ID and use document.getElementByID() to reference it.
[/ideological difference of opinion]

_{Never be afraid to share your dreams with the world.

There's nothing the world loves more than the taste of really sweet dreams.}
Enable Apps

trollacious · Feb 4, 2007

That would work as well.

Spending a little more time with this script with MANY errors, I'd rewrite part of it to this:

Code:

var selectnum = Math.floor(Math.random() * imglist.length);   
   
myImgOut  = new Image();
myImgOut.src  = "flowerA.gif";
myImgOver = new Image();
myImgOver.src = imglist[selectnum];

Other than that, the original post is about so many basic things how HTML and Javascript work, I wonder if it's some sort of class assignment.

Lee

chestnut2007 · Feb 4, 2007

Dear trollacious:
Thank you for your quick reply! Actually I am beginer in Javascript. It is just for my lerning. I know Action scripting Flash but I am not sure about Javascript.
So I just start to leran.

Anyway I am very appreciate it.

var selectnum = Math.floor(Math.random() * imglist.length);
I think it is better than my original one.
I am going to try to refine by taking your advice.

Thank you so much!
chestnut(^-^)

Dear dwarfthrower

Thank you for your quick reply! Actually I made it to use some tutorial and modified it.
So that is why I made mistake the image name...
But Thank you for your advice!!
chestnut(^-^)

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!

show a Randum image when roll over

chestnut2007

Programmer

trollacious

Programmer

dwarfthrower

Programmer

trollacious

Programmer

chestnut2007

Programmer

Similar threads

Part and Inventory Search

Sponsor