Image roll-over problem

Hi

I am somewhat a novice at this and I am encountering a problem which I hope
someone might be able to help me with. I am using a javascript image roll
over which is supposed to prelode the images. However, when I move my mouse
over the image it takes a second or so for the new image to download before
it displays - ie it is NOT preloading the image. Here is the script:

if (document.images){
buttonOn=new Image();
buttonOn.src="on.gif";
buttonOff=new Image();
buttonOff.src="off.gif";}

function imgOn(imgName){
if (document.images) {
document[imgName].src = eval(imgName + "On.src");}}

function imgOff(imgName){
if (document.images) {
document[imgName].src = eval(imgName + "Off.src");}}

<a href="link.htm" onMouseOver="imgOn('button');"
onMouseOut="imgOff('button');">
<img name="button" src="off.gif"></a>

Can anyone explain why the images are not preloading or provide a script
which will definitly work? Your help is much appreciated.

Thanks

Aaron

"document.getElementsByTagName("IMG")[name].src"
can be replaced with
"document.getElementsById(name).src"

--

Wayne

"Wayne" <wayne_dobson (AT) hotmail (DOT) com> wrote

"document.getElementsByTagName("IMG")[name].src"
can be replaced with
"document.getElementsById(name).src"

Whoops!

That should be: document.getElementById(name).src

--

Wayne