If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

What Javascript image effects tricks do you know of?

As we all know, Image manipulation is quite limited in JavaScript. However, that doesn't mean that you are completely tied up and gagged. You can still use basic things to create interesting effects.

Transparency, Resizing Width and Height, Clipping Width and Height, Making one image overlap another one.

There are the "tricks" I know, and with them, you can make some graphical effects which are pretty cool. (I simulated a rotating tree which actually looked 3d, using nothing but these effects, but I managed to mess up, so I can't show you right now >_>).

Simply, what I am asking is, what else things can you use to manipulate images, or at least how the viewer sees the image? Do you have any other tricks you can share?

Of course, I know there are lots of other things, such as FlipImage(), but the things I'm looking for must be cross browser for at least the main browsers.

(The JavaScript Vector Graphics Library is also awesome, but not really what I'm looking for. It's not fit for drawing big detailed images, nor animated effects)

I'm really lacking one effect that I would love. Is there any way of tinting an image with color?

I already figured that you could tint a square image, say, blue, by having an semi-transparent blue div over it.

However, for non-squared images, those that use transparency to have a diffrent shape, this trick will not work. One possibility would be to have a blue image that has the exact same shape as the orginal, and then make it semi-transparent.

But this would mean not only that you have to have a duplicate image loaded for every image, but it would also limit you to one color. Unless you are planning to have even more duplicates!