Disjointed rollovers

Is it possible (or what is the best way) to do a disjointed rollover on the main page. For example, we have an image on the main page that we would like to swap depending on what category link a user is hovering over. You can view our site at http://www.naturesartandgifts.com. When they rollover a category link on the left, we would like the image of our storefront to change to our best product representation from that category. Thank you in advance for any help you can provide.

Whats you want is a very nice feature to use, however in doing so I've found that the IE's (Internet Explorers 6 & 7) do not always display it correctly.

Best bet would be to come up with something else :cry: .

If you do plan on doing it no matter what I can help with the basis of it, but like I said it will mess up for the IE users... It involves the Position{} element for CSS which is not very well supported by IE6 and barely supported in IE7.

Though I haven't checked around lately to see if anyone has found a hack for it in IE yet, think I might just do that and post if anything positive comes up.

• Jacob

Just looking around here is a Javascript way of doing what you want, I personally don't know a lot about JS atm so I don't know how much help this will be.

http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

• Jacob

Thank you very much for the replies. I will look deeper into the link you provided when I get some free time. Again, thank you.

Nature's Art & Gifts