Welcome to WebmasterWorld Guest from 54.226.25.231

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

I need to create a onMouseOver that will change gif's randomly

New to web programming

     

hogman

8:15 pm on Dec 11, 2002 (gmt 0)



I would like to create a onMouseOver that will display a different image on each mouseover and change to the default onMouseOut

korkus2000

8:19 pm on Dec 11, 2002 (gmt 0)

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Welcome to WebmasterWorld hogman,

You want to have a rollover button that when you rollover it, it will chose a random image to swap, then switch back to the original?

hogman

8:27 pm on Dec 11, 2002 (gmt 0)



Yes that is exactly what I am looking for.

BjarneDM

10:32 pm on Dec 23, 2002 (gmt 0)

10+ Year Member



<html>
<head>
<script type="text/javascript" language="Javascript">
var images = new Array ()

images[images.length] = '<URL for img1>'
images[images.length] = '<URL for img2>'
...
images[images.length] = '<URL for imgN>'

function randomised(toChange)
{
toChange.src = images[Math.floor(Math.random()*images.length)]
}
</script>
</head>
<body>
<img src="<img-file>" alt="" onmouseover="randomised(this)" onmouseout="this.src='<img-file>'">
</body>
</html>

Simple :-)

 

Featured Threads

Hot Threads This Week

Hot Threads This Month