Filtres pour vos images
Le filtre dynamique
Code à
insérer entre les balises <head></head>
de votre page :
<SCRIPT LANGUAGE="JavaScript">
function run_filter(obj){
if(obj && obj.filters[0]){
obj.filters[0].apply();
obj.visibility="visible";
obj.filters[0].play();}}
</SCRIPT>
Code à
insérer dans la balise <img> de l'image à
laquelle vous voulez appliquer le filtre:
style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=0.5)"
onLoad="run_filter(this)" onMouseOver="run_filter(this)"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=0.5)"
onLoad="run_filter(this)" onMouseOver="run_filter(this)">
Filtre pixélisation
Code à insérer dans la balise <img> de
l'image à laquelle vous voulez appliquer le filtre
:
style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15)"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15)">
Filtre mouvement
Code à insérer dans la balise <img> de
l'image à laquelle vous voulez appliquer le filtre
:
style="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=15,
direction=135)"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=15,
direction=135)">
Filtre flou
Code à insérer dans la balise <img> de
l'image à laquelle vous voulez appliquer le filtre
:
style="filter:progid:DXImageTransform.Microsoft.Blur(strength=15)"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:progid:DXImageTransform.Microsoft.Blur(strength=15)">
Filtre ombrage
Code à insérer dans la balise <img> de
l'image à laquelle vous voulez appliquer le filtre
:
style="filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,
Direction=135, Color:orange)"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,
Direction=135, Color:orange)">
Vous pouvez personaliser la couleur (ici "orange")
par la couleur de votre choix en vous aidant de l'index
des couleurs.
Filtre transparence alpha
Code à insérer dans la balise <img> de
l'image à laquelle vous voulez appliquer le filtre
:
style="filter:progid:DXImageTransform.Microsoft.alpha(opacity=20)"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:progid:DXImageTransform.Microsoft.alpha(opacity=20)">
Filtre négatif photo
Code à insérer dans la balise <img> de
l'image à laquelle vous voulez appliquer le filtre
:
style="filter:XRay()"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:XRay()">
Filtre noir et blanc
Code à insérer dans la balise <img> de
l'image à laquelle vous voulez appliquer le filtre
:
style="filter:Gray()"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:Gray()">
Filtre couleurs inversées
Code à insérer dans la balise <img> de
l'image à laquelle vous voulez appliquer le filtre
:
style="filter:Invert()"
Exemple :
<img src="icone.gif"
width="200" height="200" border="1"
style="filter:Invert()">
|