Change image color using CSS?

admin

Administrator
Staff member
I have a site that has T-Shirts with many different colors. Each new color requires a new image. I was wondering if I could use a CSS filter to change the hue or color of the shirt. That way I can have one image, and the user can use some javascript to change the hue. Is that possible? ThanksI don't believe it's possible. One thing you could do is make a border the color of the shirt.I don't think I follow. What I want to do is have 1 T-Shirt, and the user changes the color of that same T-Shirt image. I'm not sure how a border would help... I would appreciate any clarification or alternate ideas.Sorry I misread your post, but I still dont think its possible.What if the T shirt image is actually transparent for the fabric and the color change is a background color change that shows through the image?^^ thats a great idea ray326 would never have thought of it like that :rolleyes:you can use a png to get the shaddows right, but they wont work in ieThat was exactally the next idea that I had. It works, if I don't care if the shirts look realistic. The shadows are too dark on white or too light on darks. I'm still playing with some CSS in Dreamweaver, but it's not working. The only filter I was curious about was Chroma. I can't get it to do anything. I will probably try the background idea, but if anyone else has an idea I would really appreciate it.I think a GIF will do just fine for that and it should work in any graphical browser. It would be nice to actually have PNG's alpha channel available but who knows whether they'll even get that right in IE7.You also have some IE style properties, but they work only in IE. I'm sure you can change the color of an image like you want. But, it's IE... :(I know this post is probably a little late to be any use to you, but I've just stumbled upon it and figured I'd post a solution in case others with the same problem stumble this way...

If you're using ASP.NET then this technique may be useful to try <!-- m --><a class="postlink" href="http://www.codeproject.com/aspnet/colorwash.asp">http://www.codeproject.com/aspnet/colorwash.asp</a><!-- m -->
 
Back
Top