[Codey09]

I am trying to get an image to change when the onmouseover function on a text link.

My code is as follows:
Javascript

<script language="javascript" type="text/javascript">
function changeImage(image)
{
	document.getElementById('treatments').setAttribute('src','images/' + image + '.jpg');
}
</script>

HTML

<tr>
    <td><a href="holistic.html" onmouseover="changeImange(holistic)">Holistic Therapy</a></td>
  </tr>
<tr>
        <td><img id="treatments" src = "images/beauty.jpg" width="250" height="250" alt="Treatments" /></td>
      </tr>

I have seen this working on another site (http://jdstiles.com/java/hoverchangeimage.html#) but I cant seem to get it working.

What am I doing wrong?

[kumaraj]

You have spelt image wrong!

You wrote Imange in your second piece of code!

<tr>
    <td><a href="holistic.html" onmouseover="changeIma    n                       ge(holistic)">Holistic Therapy</a></td>
  </tr>
<tr>
        <td><img id="treatments" src = "images/beauty.jpg" width="250" height="250" alt="Treatments" /></td>
      </tr>

This post has been edited by kumaraj: 06 March 2011 - 09:41 AM

[Codey09]

doh, I have corrected the spelling mistake, but still dont work?

[kumaraj]

Sorry I've been really stupid, I now see what's wrong. You need to have a # in you href attribute in your anchor tag:

<a href="#" onmouseover="changeImage(holistic)">Holistic Therapy</a>

This post has been edited by kumaraj: 06 March 2011 - 10:08 AM

[Codey09]

ok so I cant have a proper link to the page as well?
What I wanted was when the user moves the mouse over the link for it to change the picture which will show what that link is and give them a choice to either go to that page or go to another link. If that makes sense.

[kumaraj]

If you add another function to your jscript:

function goToImage(image)
{
window.location= image+'.html';
}

And then in your HTML:

<a href="#" onmouseover="changeImage(holistic)" onclick="goToImage(holistic)">Holistic therapy</a>

Hope that works

[Codey09]

I must be doing something wrong, I have done exactly as you have suggested but it is still not working for me, the picture doesn't change and when I click on the link it doesn't go to the new page.

[kumaraj]

This is starting to confuse me slightly, if you sent me the whole file, including your images I could have a look for you.

[Codey09]

I have just tried copy + past the code from the website I intially found the code on, the only changes I made to that was how it made the image src and it worked apart from the onclick code, now that code is identical to what I have been using so why doesn't it work?
Is it because I have the image in a separate table than the link?