[mrFrank]

Hello.

I am mid-designing my new eCommerce website which will soon be powered by Magento.
All my product images will be basic and a single colour. Every product will also allow the user to customise the colour. I want to have a drop down <select> box (or something similar) that displays the available colours and when the user selects a colour their selection will change the colour of the product image. BUT I want to do this in a way that does not require me to make multiple images. I would like it to change dynamically (if that is the right word to use).

At first I thought of making the coloured area of the image transparent and somehow changing the background colour with jquery and css... but I don't know if that is possible. Is it?

Anyone got any suggestions on how I can achieve this?

Thanks a lot .
-Frank

[hodephdesign]

Depending on what your product shape is like, you could have a mask made of the background colour covering the image, and then between the mask and the product image itself use a translucent div in the colour that you want.

Bit of a quick hack fix, and by no means perfect, but would be more lightweight than introducing per-colour images.