Need to change image color(or show as if it is changed)

JavaScript
1

Lets suppose it is transparent gif…(white parts are transparent actually)

i need to change color of those patterns only
or show as if it is changed in screen

is it possible using jquery

Image can be divided in to 2 color separate images

if yes,how?

thanks

2

if i do that way i think solid red will be filled over all pattern destroying the pattern…
there are white parts inside patterns as well
and this is just one example…
there are other patterns more complex than this…
so cannot make solution for this specific problem coding 30px and so on
any way thanks

3

You could make the center “white” part a div, and apply border color as a background to the pattern color?

Such as:

border: 30px solid red;

30 pixels being the size of the pattern.

Of course, you could also change it with custom JS and jQuery if you want.

Hope it helps.