Inside Technique : FilterView 1.0
This demonstrates the filter features of Microsoft Internet Explorer 4.0. It requires a fairly fast pentium to run smoothly.
Double click anywhere on the document hides or shows the tool image. The circle view inside the tool represents the viewing area. After selecting and applying some of CSS filters this is the place where changes above document will be shown.
When you first start no filter is selected. After activating the tool (by double clicking) press any key (T for example) to see a menu of available filters. You can now choose the filter and specify the appropriate parameters. Unfortunately at this time you need to know the parameters for each filter you'd like to use. The tool is not quite "user-friendly" :). A little help is available after applying your changes by clicking the Apply button. After clicking Apply, you will see the name of your filter and parameters specified as follows in the lower-left corner of the tool:
Don't be afraid to experiment with values of parameters. You can't destroy anything, If you specify invalid input you simply see no effect. Color format is classic (#RRGGBB) or you can enter simply red, green, blue etc. Below is an image for experimenting with the banner:
To help you get started, try the following variations of filters and parameters. We recommend you move the mouse over the banner advertisement at the top of this page. Most filters will have no effect on the article text.
You can create other cool variations. Try Shadow,green,22 ; Blur, false, 135, 15 ...
If you're making dynamic web pages (client-side) CSS filters are very useful. But there are so many variations of effects and can be very difficult to select the right one. With FilterView - you can experiment! For playing with on your page, just use the tool on parts of page you want to "filterize". FilterView provides a quick and easy great preview.
Adding FilterView to any web page
There are two include files "filterview_h.js", "filterview_c.js". First containing executing part of the script (function, global variables), second some necessary HTML (layer definitions, styles etc.).
Page 1:FilterView 1.0
© 1997-2000 InsideDHTML.com, LLC. All rights reserved.