JavaScript code/IE40 filters

IE.40 filters

********************************************
Free JavaScript provided by Š2003-VB'Breizh
Adapted from MSDN-microsoft
*Last updated (12/30/2003) Compatibility : Internet Explorer

...Graphic filters (I.E 4.0 and up)...

*blur, dropshadow, flipH, flipV, glow, gray, invert, opacity, shadow, wave, xray...
*Next to come...chroma, ligth, mask in an updated version of this file.
*Next to come...a new script about IE5 filters and use.
***Tip (set filter effect with just one click)

...alpha.opacity filter :

...gray filter :

...blur filter :

...xray filter :

...invert filter :

...wave filter :

...vertical flip :

...horizontal flip :

...glow filter : VB'Breizh VB'Breizh

...dropshadow filter : VB'BreizhVB'Breizh

...shadow filter :
VB'Breizh
VB'Breizh

...Download the JavaScript source code (3.8 kb)

<html><head>
<style type="text/css">
.class1 {background:lightyellow;font-family:'Comic Sans MS';font-size:16px;};
.class2 {background:wheat;font-family:'Comic Sans MS';font-size:16px;};
</style>
<script language="JavaScript"></script></head>
<body>
<font size=1>
JavaScript source code provided by Š2003.VB'Breizh  
<a href='http://gilles.saunier.free.fr'>
<font size=2>(website)</a><br><font size=1>
Adapted from <a href='http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters'><font size=2>MSDN-microsoft</a><p><font size=3>
<center>
<p><font color=red>...Graphic filters (I.E 4.0 and up)...</center><font size=2>
*blur, dropshadow, flipH, flipV, glow, gray, invert, opacity, shadow, wave, xray...<br><font color=black>
*Next to come...chroma, ligth, mask in an updated version of this file.<br>
*Next to come...a new script about IE5 filters and use.
<font color=black><font size=2><p>
<div id='div1' class='class1'>...alpha.opacity filter : 
<img src='dragpic2.gif' name='pic1' style='filter:alpha(alpha.opacity=50)'><br>
<input type='text' name='txt1' value='50 %' size=4  title='alpha opacity value'>
<input type='button' value='Decrease' onclick='f_opacity(-5)'>
<input type='button' value='Restore (50%)' onclick='restore()'>
<input type='button' value='Increase' onclick='f_opacity(+5)'></div><p>
<div id='div2' class='class2'>
...gray filter : 
<img src='dragpic2.gif' style="filter:gray">
...blur filter : 
<img src='dragpic2.gif' style="filter:blur" ></div><p>
<div id='div10' class='class1'>
...xray filter : 
<img src='dragpic2.gif' style="filter:xray">
...invert filter : 
<img src='dragpic2.gif' style="filter:invert"></div><p>
<div id='div11' class='class2'>
...wave filter : 
<img src='dragpic2.gif' style="filter:wave"></div><p>
<div id='div3' class='class1'>
...vertical flip : <img src='dragpic2.gif' style="filter:flipv">
...horizontal flip : <img src='dragpic2.gif'  style="filter:fliph"></div><p>
<font size=2>
<div id='div6' class='class1'>
...glow filter : <font size=5><span style="width=100 %;filter:glow(color=#FFFF00,strength=3);"> <b>VB'Breizh</b></font></span>
<font size=5><span style="width=100 %;filter:glow (color=#C0C0C0,strength=5);"> <b>VB'Breizh</b></font></span></div><p> 
<div id='div7' class='class2'>
...dropshadow filter : <font size=5><span style="width=100 %;filter:dropshadow (color=#C0C0C0, offx=2,offy=2);"><b>VB'Breizh</b></font></span><font size=5><span style="width=100 %;filter:dropshadow (color=#C0C0C0, offx=-2,offy=-2);"><b>VB'Breizh</b></font></span></div><p>
<div id='div8' class='class1'>
...shadow filter : <br><font size=5><span style="width=100 %;filter:shadow (color=#000000, direction=45); width: 150px; color: #FF0000;"><b>VB'Breizh</b></font></span><br><font size=5><span style="width=100 %;filter:shadow (color=#000000, direction=135); width: 150px; color: #FF0000;"><b>VB'Breizh</b></font></span></div><p>
</body></html>

Comment, question ?