Webdesign 101: Internet Explorers filtre

Light-filtret

Light-filtret skaber en effekt som om der kastes lys på elementet.

Vis effekten

Stylesheet formregel:

(For billedet af løvehovedet)

filter:progid:DXImageTransform.Microsoft.light
(enabled='false',addCone(0,0,1,148,180,255,255,255,20,120)

enabled-værdier: true: Effekten vises; false: Effekten vises ikke.

light-filteret kontrolleres gennem forskellige metoder. Nogle af disse er

1. addAmbient(red,green,blue,strength)
   • Ændrer farve og niveau over hele fladen
2. addPoint(x,y,z,red,green,blue,strength)
   • Punktformet lyskilde
3. addCone(x1,y1,z1,x2,y2,red,green,blue,strength,spread)
   • Kegleformet lyskilde
4. changeColor(light#,red,green,blue,absolute)
   • Ændrer farven på lyset
5. changeStrength(light#,strength,absolute)
   • Ændrer intensiteten på lyset
6. moveLight(ligth#,x,y,z,absolute)
   • Flytter lyskilden
7. clear()
   • Nulstiller alle lysfltre

Forklaring på værdierne i ovenstående:
red, green og blue er farveværdier i decimalformat
strength er lysets intensitet
x og y er lyskildens koordinater
z er et heltal, der skal svare til stakkeordenen for det lag, hvor lyskilden befinder sig
x1, y1 og z1 er tilsvarende for den kegleformede lyskilde
x2 og y2 er bredde og højde af det element, lyset skal falde på.
spread er spredningen af lyset fra den kegleformede lyskilde
light# er lyskildens nummer
absolute er en boolsk variabel, der skal være 1 (true), hvis farver/intensitet skal erstatte de eskisterende farver/intensitet, O (false), hvis farver/intensitet skal lægges til.

Ændring af filteregenskaberne

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

function doTrans(objekt) {

	if (pix.filters(0).enabled){
		pix.filters(0).clear()
		pix.filters(0).enabled='false';
		objekt.innerText='Vis effekten';
	}
	else {                                                        
		pix.filters(0).enabled='true';
		pix.filters(0).addCone(0,0,1,148,180,255,255,255,20,180)
		objekt.innerText='Reset';
	}
}