Javascript & CSS Image Color Changer

I have a catalog of t-shirts, and instead of creating a new image for each color option that I have, I would like to use Javascript and CSS to change the color of the t-shirt image to a different color by clicking on a color swatch that I create. This should be done with Javascript and CSS.

For an example of what I would like to achieve, please see [url removed, login to view]

On the example page in the source code, you will notice that when you click on a color swatch, the image changes colors, but it does not just display a new image, it only changes the color of the image.

This should not be just a cut out image and background change. The details within the image should remain visible, as in the example, you can see the shirt tag and details of the image (buttons, pockets, etc.) regardless of the color that is selected.

Compétences : CSS, Javascript

en voir plus : javascript css image color changer, javascript image color change, css colors, color changes, princess, cut image, cut css, background color, javascript click tag, image background color, javascript etc, use amp css, change javascript, swatch asp, image option, javascript amp, css page change, background color javascript, source changer, css javascript image, javascript background color, create shirt image, source shirts, change image color, example image shirt

Concernant l'employeur :
( 4 commentaires ) Wichita, United States

Nº du projet : #2378030

13 freelance font une offre moyenne de $135 pour ce travail


Hi! We are 100% sure that we can very easily complete your project with perfection. Please just check our Portfolio for your satisfaction. We Can provide the best work to you. So please give us a chance for your proj Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(84 Commentaires)

I can do your work, Let's start right now.. thanks

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(111 Commentaires)

hello sir. here are the skilled freelancer to give you fabulous services. Just check our reviews to see work quality feedback. Hoping a good response from you. thanks.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(32 Commentaires)

hello i have gone through your requirement plz check my pm for further info thank u

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(67 Commentaires)

Dear sir, i can help you with this project. I have over 6 years of experience with Html + Css + JavaScript and over 2 with Php and jQuery.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(28 Commentaires)

Hi, Requirement is clear. Pls check pmb. Thanks, Webtechno09

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(17 Commentaires)

pls chk my post pmb for more detail. txs

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 4 jours
(18 Commentaires)

Hi, I can do it for you. Regards.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 0 jours
(19 Commentaires)

I have good working experience in HTML5 (Canvas). Please see PM for details.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(7 Commentaires)

I am an J2EE professional, and working on web technologies for the past 7 years.i have worked in creating web shells for my project, which includes mainly the CSS & JS script changes. i can help you in changing the col Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(0 Commentaires)

Hi, I have interested for this project. Thank you

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)

Custom software development - <b><i>Removed by Admin</i></b>

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)

easy... let me do it..

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)