styx web site


 Drivers
 Fichiers dll
 Emoticones
Hoax 
 Freewares

Retour Actualité Liens

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()">

Informatique
& Internet 
Sécurité/Virus 
ToolBox 
Webmaster 


Classement & statistiques
Classement de sites - Inscrivez le vôtre!