HTML Help - change an image by rolling over different sections?

[GasBandit]

Ok, my HTML is way rusty. I know how to change an entire image by mousing over that image, but I'd like to know how to change a large image by mousing over different sections of that image. For example, Suppose I have a 5x5 grid, and I would like the entire image made up by that grid to change based upon what section of the grid is moused over.

Think one of you guys can help me out with some code examples here?

 

[GasBandit]

Ugh, Javascript >_< Thanks for the info. I may just end up using frames and targets instead.

 

[strawman]

It's not that hard.

 

[GasBandit]

Yeah, but I remember how frames and targets work now. Heh... Javascript I'd have to brush up on.

Consequence of doing no real web development in 15+ years.[DOUBLEPOST=1415663725,1415663593][/DOUBLEPOST]I wish Irickyutah had ended up pasting his code. Heh, that's exactly what would work for me.[DOUBLEPOST=1415664257][/DOUBLEPOST]Posting this for myself to look at when I get home from work

https://www.daniweb.com/web-develop...and-css/threads/109916/hover-background-image

 

[evilmike]

I know this doesn't exactly deal with your web design issue, but I thought it might be helpful anyway:

 

[GasBandit]

Looks like javascript is indeed gonna be the way to go... here's another personal bookmark for me to look at later.

http://stackoverflow.com/questions/...-a-table-background-attribute-with-javascript