Question About Images

[Xrak]

Hi all,

I am new to javascript and this forum, but, I have a question. I run a web
site and have come up with a cool little way to change the colors of an
image when different users are online depending on what they have defined as
their colors. Basically I use the style commands "mask" and "Chroma" to
replace a color in a generic graphic and then invert it, then, layer
graphics to create what looks like a 4 color image but is really 4 images
that are one color each. Pretty much like color separation in art. Anyway,
this allows me to have an unlimited number of color combos while only
storing 4 or so graphics on the server.

The problem with this method is that it seems IE6 is the only browser that
recognizes the mask and chroma styles. So, anyone using firefox, netscape,
opera, etc, will only see a black square. My question is, is there a way in
javascript to accomplish the same effect, but, be standard so that other
browsers can see the effect?

--
Scott

[VK]

Xrak wrote:

Hi all,

I am new to javascript and this forum, but, I have a question. I run a web
site and have come up with a cool little way to change the colors of an
image when different users are online depending on what they have defined as
their colors. Basically I use the style commands "mask" and "Chroma" to
replace a color in a generic graphic and then invert it, then, layer
graphics to create what looks like a 4 color image but is really 4 images
that are one color each. Pretty much like color separation in art. Anyway,
this allows me to have an unlimited number of color combos while only
storing 4 or so graphics on the server.

The problem with this method is that it seems IE6 is the only browser that
recognizes the mask and chroma styles. So, anyone using firefox, netscape,
opera, etc, will only see a black square. My question is, is there a way in
javascript to accomplish the same effect, but, be standard so that other
browsers can see the effect?

AFAIK (As Far As I Know) IE is the only browser having extensive
graphics filters set. Other browsers only able to display image and
many of them (uncluding Firefox but excluding Opera) allow to
dynamically change opacity. They also support PNG images with alpha
channel. I would imagine that combining several PNG images, their
opacity and their relative displacement one could achieve some unusual
visual effects:- but it still will not be the same as what you're
looking for.

:-(

[cwdjrxyz]

Xrak wrote:

Hi all,

I am new to javascript and this forum, but, I have a question. I run a web
site and have come up with a cool little way to change the colors of an
image when different users are online depending on what they have defined as
their colors. Basically I use the style commands "mask" and "Chroma" to
replace a color in a generic graphic and then invert it, then, layer
graphics to create what looks like a 4 color image but is really 4 images
that are one color each. Pretty much like color separation in art. Anyway,
this allows me to have an unlimited number of color combos while only
storing 4 or so graphics on the server.

The problem with this method is that it seems IE6 is the only browser that
recognizes the mask and chroma styles. So, anyone using firefox, netscape,
opera, etc, will only see a black square. My question is, is there a way in
javascript to accomplish the same effect, but, be standard so that other
browsers can see the effect?

Although not exactly the same as your effect, you can use script and
css layering to draw gratings of very fine vertical or horizontal lines
of a selected color or of a color gradient. One or two of these
gratings can be layered over an image to produce some very interesting
color effects. It has been a long time since I did this, and I just
cleaned up the pages enough to show them in public. I probably would do
some more work on them if I decided to use the effect on a web page.

See http://www.cwdjr.net/rootold/transparent1.html ,
http://www.cwdjr.net/rootold/transparent2.html ,
http://www.cwdjr.net/rootold/transparent3.html ,
http://www.cwdjr.net/rootold/transparent4.html ,
http://www.cwdjr.net/rootold/transparent5.html .

Some of the pages are set to change the grating colors at random, so
reload the page a time or to to see this effect, if present. These
pages work on most recent browsers.