Hi,
My product page (output) in HTML is something like this:
ProductImage1 ProductImage2 ProductImage3 ProductImage4
Color1 Color2 Color3 Color4 Color2 Color5 Color6
What I'm trying to do is when I hover my mouse over any color above, an original (main) image of ProductImage will switch to another image (to match the hovered color). And that original image will be back when the mouse leaves.
Example: http://jsfiddle.net/4dK2x/27/
I also added another hover function on ProductImage