Possible to have a random rollover gif

**Jasonwcs** · Mar 28, 2001 22:37

I have a series of small pics that when you rollover, I would like them to be replaced with a new random one (and stay as the new image, until next rollover).

Any help much appreciated!

**Michel V** · Mar 29, 2001 17:18

I don't know much about javascript, but i bet you just have to do something like OnMouseOver="javascript:randomscript()" .
Then in the < HEAD > section, put your random image javascript function (here called "randomscript").

Hope this helps

**scrubz** · Mar 29, 2001 21:31

Here's one way to do it:

<html>
<head>
<title>Untitled</title>

<script language="JavaScript">

</script>
</head>

<body>

<img name="myImage" src="images/little_dude.gif" onMouseOver="this.src = randomImage();"><br>
<img name="myImage2" src="images/grower.gif" onMouseOver="this.src = randomImage();"><br>
<img name="myImage3" src="images/scrubz.gif" onMouseOver="this.src = randomImage();"><br>

</body>
</html>

**Jasonwcs** · Mar 30, 2001 21:37

Thanks for the reply scrubz. I've tried as you suggested, but it doesn't seem to work. What do you think is wrong?
http://www.bigdeepblue.com/dev/domin...llovertest.htm

(all the paths to gifs are correct)

Thanks.

**scrubz** · Apr 1, 2001 13:31

Change the second to the last line in the script...

newImage = 'images/' + pic[randomNum];

to

newImage = pic[randomNum];

The way it was written, it was assuming that images were always in an 'images' directory, but since you're defining the full path of your images...

pic[0] = '../testsite/smallpics/maracca2.jpg'; )

you don't need to point to an 'images' directory. Hope this works for you.

**Jasonwcs** · Apr 1, 2001 18:29

Excellent! Thanks scrub.

User Tag List

Thread: Possible to have a random rollover gif

Thread Tools

Display

Doesn't seem to work

It works

Bookmarks

Bookmarks

Posting Permissions