Saturation in Javascript

Andrewgosu

Andrewgosu

The Silent Pandaren Helper
Reaction score
716
My friend was wondering, if there is a way to change the saturation of an image in Javascript somehow.
Is this possible, and if it is, how can it be done?
 
DDRtists

DDRtists

ɹoʇɐɹǝpoɯ ɹǝdns
Reaction score
415
You can use a div, and put it over the image. Then, use the transparent css propertys, and a black or white background color.

I think so at least. xD
 
Andrewgosu

Andrewgosu

The Silent Pandaren Helper
Reaction score
716
HTML: 
<html>
<head>
<STYLE>
.MouseOut{filter:gray()}
.MouseOver{filter:none}
</STYLE>
</head>
<body>
<img src="beans.gif"  CLASS="MouseOut" onMouseOver="this.className='MouseOver';" onMouseOut="this.className='MouseOut';">

</body>
</html>

http://www.zone.ee/defiil/defiil/bla.html

This works in IE, but not in Firefox...
 
mase

mase

____ ___ ____ __
Reaction score
154
Use a function :p

HTML: 
<script type="text/javascript">
function swap(item, class){
   elem = document.getElementById(item)
   elem.className = class
}
</script

<img src="beans.gif" id="img" class="MouseOut" onmouseover="swap('img', 'MouseOver')" onmouseout="swap('img', 'MouseOut')" />

Demo
That works for me :p

-Edit-
Opps forgot that css filters only work in IE :eek:
 
Andrewgosu

Andrewgosu

The Silent Pandaren Helper
Reaction score
716
But this means I have to have 2 images, colourful and black&white?


Is there a way to change the saturation in CSS? Then it would be just a matter of changing the classes.
 
mase

mase

____ ___ ____ __
Reaction score
154
>>But this means I have to have 2 images, colourful and black&white?
That probably is the only way lol

As I said before, CSS Filters only work in IE so you can't change the saturation with className in FF or any other browser otherthan IE...
 
Andrewgosu

Andrewgosu

The Silent Pandaren Helper
Reaction score
716
That is opacity. I need saturation...:p

EDIT:

After browsing through dozens of forums, seems that this is not possible. Have to stick with the 2 images.
 
You must log in or register to reply here.
General chit-chat
Help Users
  • No one is chatting at the moment.

      The Helper Discord

      Members online

      No members online now.
      Online now:
      155 (members: 0, guests: 155)

      Share this page

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top