DHTML – Upoznavanje sa filterima koje donosi IE 5.5

Jedna od glavnih osobina koju poseduje Internet Explorer 5.5, je podrลพavanje filtera i tranzicija. Filteri i tranzicije vam dopuลกtaju da kreirate vizuelne efekte koje bi se jako teลกko izveli na neki drugi naฤin; takoฤ‘e i sa mnogo manje kilobajta. Na ovaj naฤin vam se poveฤ‡avaju i proลกiruju moguฤ‡nosti za razvoj interaktivnih web stranica. Osnovna razlika izmeฤ‘u filtera i tranzicija (transitions) je da su filteri statiฤni efekti, a tranzicije dinamiฤki. Filteri menjaju naฤin na koji se neki sadrลพaj prikazuje i mogu da modifikuju taj prikaz na mnogo razliฤitih naฤina. Nakon primene nekog filtera, videฤ‡ete samo finalni rezultat. Na primer, imamo filter Mirror (ogledalo), koji ako primenimo na neku sliku, kao krajnji rezultat videฤ‡emo „sliku u ogledalu“ (original moลพemo samo da zamislimo). Filteri koje podrลพava IE 5.5 su: Alpha, BasicImage, Blur, Chroma, Compositor, DropShadow, Emboss, Engrave, Glow, Light, MaskFilter, Matrix, MotionBlur, Pixelate, Shadow i Wave.

U sledeฤ‡em primeru videฤ‡emo kako se primenjuju filteri. Odreฤ‘enom HTML elementu dodajemo filter preko specifikacije STYLE atributa:


<ELEMENT STYLE="filter:
progid:DXImageTransform.Microsoft.NazivFiltera(osobine)">

Obratite paลพnju na klauzulu „progid:„, koji je deo „DirectX“ specifikacije i kada ga navodite, ne bi trebalo da ima praznih mesta izmeฤ‘u „progid:“ i „DXImage„. Da kaลพemo i da jednom elementu moลพete dodeliti viลกe filtera. Kao primer, naveลกฤ‡emo primenu efekta „DropShadow“ (senka) na jedan „DIV“ blok. Ovaj filter ฤ‡e tekstu i slikama dodati efekat senke u crvenoj boji.


<DIV STYLE="width: 40%; filter:
progid:DXImageTransform.Microsoft.DropShadow(color=’red’,
offX=3, offY=2)">
<IMAGE SRC="slika.gif"><FONT
COLOR="blue">Ovo je osenceni tekst.
</FONT>
</DIV>

Pratite Krstaricu na www.krstarica.com