FROM Attribute | from Property
| Internet Development Index |
Sets or retrieves a progress value indicating the point from which to begin the transition.
Syntax
HTML <t:TRANSITIONFILTER FROM = sFrom... > Scripting t:TRANSITIONFILTER.from(val) [ = sFrom ]
Possible Values
sFrom String that specifies or receives the starting value of the transition. Legal values are real numbers in the range 0.0-1.0. For instance, this attribute would equal "0.3" to begin a transition with the destination content transitioned in by 30%.
0.0 Default. Begin transition at 0 progress. The property is read/write. The property has a default value of 0.0.
Remarks
The from is ignored if the values attribute is specified.
The transition can transition in or out depending how the to and from properties are set. For example, if the from property had a value of 1.0 and the to property had a value of 0.0, the transition would appear to transition out. However, to set the transition to go out, you would typically use the mode property.
When writing script to dynamically change the properties of an active animation, developers should consider a couple of issues. Because results might be unpredictable or undefined when you change the properties of an active animation, restart the animation with beginElement after you have made the change. For example:
<SCRIPT> object.endElement(); object.from='0.5'; object.beginElement(); </SCRIPT>For the animate, animateMotion, and animateColor objects, the time2 behavior uses the following model to evaluate which properties to animate.
Example
This example shows how the from property begins progress of the transition part way through the transition.
<HTML XMLNS:t = "urn:schemas-microsoft-com:time"> <HEAD> <STYLE> .time{behavior: url(#default#time2);} </STYLE> <?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" /> </HEAD> <BODY> <t:TRANSITIONFILTER TYPE="barWipe" DUR="3" TARGETELEMENT="oDiv1" FROM="0.5" TO="1.0"/> <DIV CLASS="time" ID="oDiv1" DUR="indefinite" STYLE="position:relative; left:20px; width:420px; height:100px; background-image:url(ART_time_progress.gif); background-repeat: no-repeat;"> </DIV> </BODY> </HTML>This feature requires Microsoft?Internet Explorer 6 or later. Click the following icon to install the latest version. Then reload this page to view the sample.
Applies To
t:TRANSITIONFILTER
See Also
Introduction to HTML+TIME, Using HTML+TIME Transitions, by, to