Rollover won't work

[spinningman]

For some reason I can't fathom out, my second rollover image isn't recognised on my site. I just get the red X. I've FTP'd it and its there on the server but it is not being recognised. ?????

The site:

http://www.pchelpclinic.co.uk

The script I am using:

<script language="JavaScript">
image1 = new Image();
image1.src = "images/opening1.gif";
image2 = new Image();
image2.src = "images/opening2.gif";

function movepic(img_name,img_src)
{ document

.src=img_src; }
</script>

'the body......'
<div align="center">
<a href="../index.html" onmouseover="movepic('button','Images/opening2.gif')"
onmouseout="movepic('button','Images/opening1.gif')">
<img name="button" src="Images/opening1.gif" width=77 height=33 border=0 alt="Home button"></a>
</div>

 

[gpzcrasher]

Instead of passing the path on the second parameter pass the image source ie image1 or image2.

onmouseover="movepic('button','image2')"

onmouseout="movepic('button','image1')"



--------------------------------
Codito, ergo sum

 

[cLFlaVA]

You're almost there.

Preloading:

image1 = new Image();
image1.src = "images/opening1.gif";
image2 = new Image();
image2.src = "images/opening2.gif";

Function:

function movepic( newImg, targImg ) {
  if (document.images)
    document[targImg].src = newImg.src;
}

Call To Function:

<a href="../index.html" onmouseover="movepic(image2, 'button'); return false;" onmouseout="movepic(image1,'button'); return false;">

*cLFlaVA
----------------------------
[tt]tastes great, less filling.[/tt]

 

[jonnyGURU]

Everyone's got their way. Here's mine:

function over(imgname,imgsrc) {
document

.src=imgsrc;
}
function out(imgname,imgsrc) {
document

.src=imgsrc;
}

And then your HTML looks like:

<A HREF="page.html"
onmouseover="over('button','opening2.gif')"
onmouseout="out('button','opening2.gif')">
<IMG SRC="opening2.gif" NAME="button"> </A>

Dispensing quality rants and mishaps since 1999:

http://www.jonnyguru.com