to select a potion of image on mouse click and change its color

[rejoybhaskar]

guys,

I need a small help here.. could u please tell me how i can change the color of a portion of an image on selecting that area with mouse.

please.

for e.g: we have the skeleton of human body, i select a small area in leg so that portion selected should have its color changed

[acoder]

To do that, you will probably have to make the full image using parts. Each part of the image should have too versions: one normal and one coloured for selection.

When any image is clicked on, use onclick to call a function which will change the source of that image to the coloured version, e.g.

img.src='imgcol.gif';

[rejoybhaskar]

but that is so hard i mean a human body can have so many sections right.. i mean is it possible using imagemap.. creating a layer over it and then able to save that layer?

[Atli]

Hi.

Is it not possible to create a transparent <div> element positioned ontop of the Image?

I'm kind of new to JS but thats what I'd try to do :P

[iam_clint]

Hi.

Is it not possible to create a transparent <div> element positioned ontop of the Image?

I'm kind of new to JS but thats what I'd try to do :P

yes its possible

[acoder]

but that is so hard i mean a human body can have so many sections right.. i mean is it possible using imagemap.. creating a layer over it and then able to save that layer?

The suggestion by Atli is better.

Also, have a look at these to see if they help:
http://frankmanno.com/ideas/css-imagemap-redux/
http://www.cssplay.co.uk/menu/imap.html

Not exactly Javascript, but they might put you on the right track.