Webdesign 101: Internet Explorers filtre

Basic Image-filtret

Basic Image-filteret er et filter, hvormed du kan ændre på en række basale egenskaber ved et element, såsom farveindhold, rotation, opacitet mv.

Vis effekten

Stylesheet formregel:

filter:progid:DXImageTransform.Microsoft.BasicImage
(Rotation=0,Mirror=0,Invert=0,XRay=0,Grayscale=0,Opacity=1.00)

enabled-værdier: true for visning af effekten, false for uændret.

rotation-værdier: 0 for ingen rotation, 1 for 90° rotation, 2 for 180° rotation, 3 for 270° rotation og 4 for 360° rotation.

mirror-værdier: 0 for ingen spejlvending, 1 for spejlvending af elementet langs den lodrette akse.

invert-værdier: 0 for ingen, 1 for invertering af elementets farver.

xray-værdier: 0 for ingen, 1 for "røntgen"-billede af elementet.

grayscale-værdier: 0 for ingen, 1 for gråskalering af elementets farver.

opacity-værdier: Brøk mellem 0 og 1.00, der angiver opaciteten af elementet.

Ændring af filteregenskaberne

Det script, der er knyttet til knappen til højre for billedet, er:

<script type="text/javascript">
function doTrans(objekt) {
	if (box.filters(0).enabled){
		box.filters(0).enabled='false';
		objekt.innerText='Vis effekten';
	}
	else {                                                        
		box.filters(0).enabled='true';
		objekt.innerText='Reset';
	}
}
</script>

Bemærk her, at jeg nøjes med at ændre enabled-værdien fra false til true og omvendt. Bemærk også den IE-specifikke metode til at forsyne knappen med ny tekst.