I am trying to find a way to showcase a product on my website.
The product comes in 8 different colors. I want to have a Picture of the Product, (lets say it is a t-shirt) and then next to it, above it, doesn't matter, have another image that shows the 8 colors in swatches that the t-shirt comes in.
Easy enough; however, what I am having trouble finding a tutorial or example of is that I want visitors to the site to be able to mouseover (not click) the color swatches and when the pointer is on a color, the t-shirt image changes to that particular color.
As the visitor rolls over the 8 different color swatches, the t-shirt changes colors.
I suppose CSS would be the best way, but it doesn't matter to me as long as it works and is smooth.
I am reaching out to the experts to help me find somehting on the web that explains how to do this.
Thank you so much for reading my question and I appreciate any help.