mouseover load new image

[roxinafrika]

I recently discovered CSS, works great but I still have some questions.

I created an hover-action, the link-picture changes when the mouse hovers over the link.

what I also want is that when the mouse hovers the link, in the right-bottom corner of the page another picture will appear. so at the same time, the picture of the link changes, and another picture loads in the same page.

can anyone help me with that?

thanx very much :confused:

[dang]

You'll need to use javascript to do that. Are you familiar with javascript?

[roxinafrika]

I am familiar with javascript, but mostly used css in the script now. is that gonna cost a problem? because I tried it before (with another website) and than the thing didn't work, I thought because I was using javascript and css at the same time...

[dang]

Nope, not a problem at all. What you have to do is on mouse over of an image, make a call to a javascript function that changes the source of the picture you want to change.

So, something like:

<img src="/path/to/smallimage.jpg" onmouseover="document.image2.src='/path/to/newimage.jpg'">

<img src="/path/to/image.jpg" name="image2">