Hey guys,

This might be a task here. I hope you guys can help me out. Okay, I'm making a website and I want to make it so an image changes when I move my coursor over a graphic button. Like the one on http://www.jennyhyun.tv/links.php How when you move your coursor over the text like a different picture pops up with description. Only I don't want description.

An image is below


When I move my coursor over the menu buttons at the bottom, I want the picture to change where the photo of the guys on the top right corner is.

Can anybody help me out please???

in order to do that, u need to use layers or divs and will need to break up the image..

u can do it in one image, but it will be a big file which will increase your load time.

which one u wanna do??

ok, this is an example, it should be cross browser compatible;

<script language="Javascript">
function changePic(url) {
  if(document.getElementById) { document.getElementById("myPic").src = url; }
  else if(document.all) { document.all['myPic'].src = url; }
  return;
}
</script>

<img id="myPic" src="pic1.jpg"><br>
<b onmouseover='javascript:changePic("pic2.jpg");'>Next pic</b>

just to let u know, webworks code assumes u will be breaking up your image and will use divs..

also, its for changin images and not for the rollover thing u want

I posted that on the fly

Well guys,

Obviously I'd have to cut up the pic... I already did do that... Check it out http://www.attherockshow.org/nsp/breakthrough/nav.html

I want the top right pic to turn into the pic http://www.attherockshow.org/nsp/bre...news_over2.gif when I put my courser over any one of the bottom option menu. Basically sorta like what http://www.jennyhyun.tv/links.php has but instead, my mouseover pic is at the top right...

God I'm like desperate... Please help me out!

look at my code... the answers there, just replace the id's and URL's, then add the onmouseover code to whatever you want to react. It's really that simple.