I will be selling products that have 2 options;
Colors (I have 2 small images for color)
Designs (I have 6 small images for design)
I already have the 12 larger images of all the combinations above.
I am needing a script or code where I can place the 8 small images/thumbs (2 color & 6 designs) on a webpage and when clicked the appropriate larger image appears on that page. And a way to view a VERY LARGE image of that image.
Example - If a user clicks BLUE (color) and Hat (design) the "Blue Hat" image appears. But if they immediately click PINK (color) the "Pink Hat" image appears. And then if they immediately click Coat (design) the "Pink Coat" appear because Pink was already clicked. And then they click a button or link to see a very large picture of that image (zoom).
I also need for that image to appear in a way where I can add an "Add to Cart" button below it and have that specific product be recognized for my cart.
Must work in all browsers. I do not want to use dropdown menus or text, just small images/thumbs if possible.
$50 - I know it's on line somewhere but I haven't been able to find it.