 | JavaScript | |||
|---|---|---|---|---|
| Prev | Home | Up | Next |
| Availability: |
| |||
| Object properties: | Enabled, Duration, MaxSquare, Percent, status | |||
| Object methods: | apply(), play(), stop() | |||
| Supported by objects: | A, ACRONYM, ADDRESS, B, BDO, BIG BLOCKQUOTE, body, BUTTON, CAPTION, CENTER, CITE, CODE, custom, DD, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, FRAMESET, Hn, I, IFRAME, IMG, INPUT, INS, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, NOBR, OL, P, PLAINTEXT, PRE, Q, RT, RUBY, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP | |||
Although this may be used as a static filter, it can also be used with the duration value, Apply(), Stop() and Play() methods to control a transition effect.
The effect retains the current image size but takes groups of pixels and averages them and replaces the group with the average value. The effect is similar to that achieved by reducing the image and expanding it again without applying interpolation.
This can useful for greeking out some content that you don't want to display. For example, you can obscure facial features or car number plates in this way.
The following properties can be applied to this filter when it is used as a static visual effect (other transition control properties are not useful in this context):
The Enabled property provides a way to activate or inhibit the filter from working by assigning the true or false value to it.
The MaxSquare property defines the maximum width in pixels of a pixelated square. This is effectively the amount of pixelation that occurs.
The Percent property sets the point in the overall transition effect at which to capture the transition and use it as a static filter effect.
The example demonstrates the pixelation filter applied as a static effect.
<HTML> <HEAD> </HEAD> <BODY> Normal--> <IMG ID="NORMAL" SRC="./Logo150.gif"> Filtered--> <IMG ID="MYIMAGE" SRC="./Logo150.gif"> <BR> <SCRIPT> myFilter = "progid:DXImageTransform.Microsoft.Pixelate(maxsquare=10)"; document.all.MYIMAGE.style.filter = myFilter; </SCRIPT> </BODY> </HTML>
| See also: | Filter object, style.filter |
| Property | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Enabled |  | 5.5  | | 5.5 | | | | | | | - |
| Duration | | 5.5 | | 5.5 | | | | | | | - |
| MaxSquare | | 5.5 | | 5.5 | | | | | | | - |
| Percent | | 5.5 | | 5.5 | | | | | | | - |
| status | | 5.5 | | 5.5 | | | | | | | - |
| Prev | Home | Next |
| filter - Pixelate() | Up | filter - RadialWipe() |
JavaScript Programmer's Reference, Cliff Wootton Wrox Press (www.wrox.com) Join the Wrox JavaScript forum at p2p.wrox.com Please report problems to support@wrox.com © 2001 Wrox Press. All Rights Reserved. Terms and conditions. | ||