ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  FIN DE PAGE |  INDEX


Les filtres pour

 5.50

Attention : les filtres et transitions DirectX sont obsolètes dans Internet Explorer 10 !


Présentation

IE 5.5 supporte de nombreux filtres optimisés: 16 filtres statiques et 17 transitions
 
liste des filtres pour IE 5.50
Filtres statiques Transitions
Alpha, BasicImage, Blur, Chroma, Compositor, DropSahadow, Emboss, Engrave, Glow, Light, MaskFilter, Matrix, MotionBlur, Pixelate, Shadow, Wave Barn, Blinds, CheckerBoard, Fade, GradientWipe, Inset, Iris, Pixelate, RadialWipe, RandomBars, RandomDissolve, Slide, Spiral, Stretch, Strips, Wheel, Zigzag

La nouveauté : la propriété "FILTER" des feuilles de style dispose d'une nouvelle valeur faisant appel au progid des Transformations DirectX !

Syntaxe

<Element STYLE="filter: progid:DXImageTransform.Microsoft.nom_de_l'image(sPropriétés)">

Compatibilité anciens et nouveaux filtres :

Le tableau suivant donne la correspondance entre les filtres pour Internet Explorer 4.0 et les filtres pour Internet Explorer 5.50 (Origine Site Microsoft)

Correspondance filtres IE 4.0 vers filtres IE 5.5
nom du filtre 4.0 Implémentaion 5.5
alpha DXImageTransform.Microsoft.Alpha
blendTrans DXImageTransform.Microsoft.Fade
blur DXImageTransform.Microsoft.MotionBlur
chroma DXImageTransform.Microsoft.Chroma
dropShadow DXImageTransform.Microsoft.DropShadow
flipH DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)
flipV DXImageTransform.Microsoft.BasicImage(mirror=1)
glow DXImageTransform.Microsoft.Glow
gray DXImageTransform.Microsoft.BasicImage(grayscale=1)
invert DXImageTransform.Microsoft.BasicImage(invert=1)
light DXImageTransform.Microsoft.Light
mask DXImageTransform.Microsoft.MaskFilter
shadow DXImageTransform.Microsoft.Shadow
wave DXImageTransform.Microsoft.Wave
xray DXImageTransform.Microsoft.BasicImage(xray=1)
revealTrans Variable. Voit table suivante.

Correspondance de la transition revealTrans
Valeur de la propriété transition Implémentation 5.5
0 - Box in DXImageTransform.Microsoft.Iris(irisstyle='SQUARE', motion='in')
1 - Box out DXImageTransform.Microsoft.Iris(irisstyle='SQUARE', motion='out')
2 - Circle in DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='in')
3 - Circle out DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='out')
4 - Wipe up DXImageTransform.Microsoft.Blinds(direction='up', bands=1)
5 - Wipe down DXImageTransform.Microsoft.Blinds(direction='down', bands=1)
6 - Wipe right DXImageTransform.Microsoft.Blinds(direction='right', bands=1)
7 - Wipe left DXImageTransform.Microsoft.Blinds(direction='left', bands=1)
8 - Vertical blinds DXImageTransform.Microsoft.Blinds(direction='right')
9 - Horizontal blinds DXImageTransform.Microsoft.Blinds(direction='down')
10 - Checkerboard across DXImageTransform.Microsoft.CheckerBoard(direction='right')
11 - Checkerboard down DXImageTransform.Microsoft.CheckerBoard(direction='down')
12 - Random dissolve DXImageTransform.Microsoft.RandomDissolve
13 - Split vertical in DXImageTransform.Microsoft.Barn(orientation='vertical', motion='in')
14 - Split vertical out DXImageTransform.Microsoft.Barn(orientation='vertical', motion='out')
15 - Split horizontal in DXImageTransform.Microsoft.Barn(orientation='horizontal', motion='in')
16 - Split horizontal out DXImageTransform.Microsoft.Barn(orientation='horizontal', motion='out')
17 - Strips left down DXImageTransform.Microsoft.Strips(motion='leftdown')
18 - Strips left up DXImageTransform.Microsoft.Strips(motion='leftup')
19 - Strips right down DXImageTransform.Microsoft.Strips(motion='rightdown')
20 - Strips right up DXImageTransform.Microsoft.Strips(motion='rightup')
21 - Random bars horizontal DXImageTransform.Microsoft.RandomBars(orientation='horizontal')
22 - Random bars vertical DXImageTransform.Microsoft.RandomBars(orientation='vertical')
23 - Random Apply above filters randomly.
 

Utilisation de "DirectX Transforms" avec les Filtres IE 5.5

Les filtres et  transitions présentées ci-dessus sont toutes les transformations "DirectX"  déjà implémentées dans Internet Explorer 5.5.

Cependant, si l'effet que vous désirez n'est pas inclu dans ces filtres, vous pouvez créer votre propre filtre en utilisant le langage de programmation C++.

La forme générale de la syntaxe de "votre filtre", suivra alors la forme suivante (en rouge):

// Syntaxe générale pour filtres personnels...

<ELEMENT STYLE="filter: progid:filter-type.Companyname.filtername(sProperties)" >

Propriétés des filtres

8 filtres IE 5.5 -> style="Filter: Progid:DXImageTransform.Microsoft.nom_du_filtre(propriétés)

NOM DU FILTRE

PROPRIETES

VALEURS POSSIBLES

Alpha


Enabled
Style


Opacity
FinishOpacity
StartX
FinishX
StartY
FinishY


True/false
0(Uniform Opacity) 1(Linear Opacity) 2(radial Opacity) 3(Rectangular Opacity)


 
    0,25,50,75,100
 
     idem ( valeurs de 0 à 100 )

BasicImage


Enabled
Rotation
Opacity
Mirror
Invert
Xray
Grayscale

True/False
0 (0 degré)  1 (90 degrés)  2 (180 degrés)  3 (30% degrés)
 0.00  0.25   0.50   0.75   1.00
 0 ou 1
 0 ou 1
 0 ou 1
 0 ou 1

Blur


Enabled
PixelRadius
MakeShadow
ShadowOpacity

 true/false
0, 5, 10, 20
false/true
0.00  0.25  0.50  0.75  1.00

Chroma


Enabled
Color

 true/false
triplet hexadécimal

DropShadow


Enabled
Color
offX
offY
Positive

 False/true
triplet hexa
-5    -3   -1   1   3   5
idem
true/false

Emboss


Enabled

 false/true

Engrave


Enabled

 false/true

Glow


Enabled
Color
Strength

 false/true
triplet hexa
1  3   5   10   20

Démos:

Cliquer sur les cases correspondantes
                   

ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  DEBUT DE PAGE |  INDEX