Categories: All Free JavaScripts/ Applets Tutorials References

JavaScript Kit > IE Filters reference > Here

Engrave Filter

Last updated: May 23rd, 2007

The Engrave filter shows a content as an engraved texture using grayscale values.

Syntax:

filter :progid:DXImageTransform.Microsoft.Engrave(attribute1=value1, attribute2=value2, etc);

Example using inline CSS:

<div style="width: 90%; filter:progid:DXImageTransform.Microsoft.Engrave(enabled=true);"><img src="test.gif" />Div with Text</div>

Syntax via scripting:

//To define a new Engrave filter on an element
object.style.filter ="progid:DXImageTransform.Microsoft.Engrave(attribute=value1, attribute2=value2)"

To access an existing property within the Engrave filter:
object.filters.item("DXImageTransform.Microsoft.Engrave").Property1=value1;

//To access an existing property within the Engrave filter via the filters[] object
object.filters[x].Property1=value1 //where "x" is the position of the filter within list of filters on element

Below lists the attributes/properties of the Engrave filter:

Attributes/ Properties Description
Bias Sets/ returns a percentage of a value that is added to each color component of the filtered result. Practically, larger bias values create brighter filtered images. Default value is 0.7

Valid values: -1 to 1 (and in between)

enabled Sets/ returns whether the filter is enabled or not. Default is true.

Valid values: true/ false

Example:

<img id="mydog" src="dog.gif" style="filter: progid:DXImageTransform.Microsoft.Engrave(enabled=false);" />

<script type="text/javascript">
//Enable Engrave effect on image when the right time comes:
document.getElementById("mydog").filters.item("DXImageTransform.Microsoft.Engrave").enabled=true
</script>


Reference List

[an error occurred while processing this directive]

CopyRight © 1998-2008 JavaScript Kit. NO PART may be reproduced without author's permission.