redirect Filter

DHTML, HTML, & CSS

previous page next page

mask Filter

revealTrans Filter

Visual Filters and Transi...

Web Workshop | DHTML, HTML & CSS

redirect Filter

Converts the object into a DAImage object—that is, an image that can be manipulated using Microsoft® DirectAnimation®.

Syntax

HTML <ELEMENT STYLE = "filter: redirect(sProperties)" ... >

Scripting object.style.filter = "redirect(sProperties)"

HTML	<ELEMENT STYLE = "filter: redirect(sProperties)" ... >
Scripting	object.style.filter = "redirect(sProperties)"

Possible Values

sProperties String that specifies one or more properties exposed by the filter.

Remarks

Any changes made to the specified object are reflected in the DirectAnimation version as well.

Members

redirect Members

Example

Note This example requires the DirectAnimation browser component.

This example uses the redirect filter and a 2-D transformation to convert a DIV object, which contains text and an image, into a DirectAnimation image that rotates continuously.

Sample Code
<BODY>
<OBJECT ID="DAControl"
    STYLE="position:absolute; left:200; top:125; width:350; height:300;
        z-index: -1"
    CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">
</OBJECT>

<DIV ID="oDiv" STYLE="WIDTH:250; FILTER:redirect">
    <H2>This is the DIV after being converted into an image.</H2>
    <P><IMG SRC="sphere.jpg"></P>
</DIV>

<SCRIPT LANGUAGE="JScript">

    // The DirectAnimation library
    oLib = DAControl.MeterLibrary;

    // get the filter
    oFilter = oDiv.filters[0];
    
    // grab the image converted by the filter
    oImage = oFilter.elementImage();
  
    // perform the image transformation
    DAControl.Image = oImage.Transform(oLib.Rotate2RateDegrees(30)) ;  
    DAControl.Start();

</SCRIPT>
</BODY>
This feature requires Internet Explorer 5 or later. Click the icon below to install the latest version. Then reload this page to view the sample.

Applies To

[ Object Name ]

Platform Version

Win16:

Win32:

Mac:

Unix:

WinCE:

Version data is listed when the mouse hovers over a link, or the link has focus.

BODY, BUTTON, DIV, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, MARQUEE, runtimeStyle, SPAN, style, TABLE, TD, TEXTAREA, TH