duration Attribute | Duration

HTML (DHTML)

duration Attribute | Duration Property

Internet Development Index

Sets or retrieves the length of time the transition takes to complete.

Syntax

HTML
{ filter:progid:DXImageTransform.Microsoft.filter-name(
    duration = fDuration ... ) ... }
Scripting
object.filters.item(
    "DXImageTransform.Microsoft.filter-name").Duration [ = fDuration ]

Possible Values

fDurationFloating-point that specifies the length of time to complete the transition. The value is specified in seconds.milliseconds format (0.0000).

The property is read/write. The property has no default value.

Remarks

You can set the playback duration for a transition as a parameter of the play method. However, once you invoke the play method, the Duration property becomes read-only for the duration of the playback.

Example

This example uses the duration attribute and the Blinds filter to reveal one image replaceing another during a two-second interval. Click the button to reveal the second image.

<SCRIPT LANGUAGE=JavaScript>
var sInitialSRC="/workshop/samples/author/dhtml/graphics/clouds.jpg";
var sFinalSRC="/workshop/samples/author/dhtml/graphics/circles.gif";
function doTrans()
{
theImg.filters.item(0).Apply();
theImg.src=sFinalSRC;
sFinalSRC=sInitialSRC;
sInitialSRC=theImg.src;
theImg.filters.item(0).Play();
}
</SCRIPT>
<IMG ID="theImg" src='/workshop/samples/author/dhtml/graphics/clouds.jpg';
style="width:200; height:200;
filter:progid:DXImageTransform.Microsoft.Blinds(Duration=2)">
<BR/><BR/>
<INPUT TYPE="button" value="Start Transition" onClick="doTrans()">
This feature requires Microsoft® Internet Explorer 5.5 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Applies To

BlendTrans, RevealTrans, Barn, Blinds, Fade, GradientWipe, Inset, Iris, Pixelate, RadialWipe, RandomBars, RandomDissolve, Slide, Spiral, Stretch, Strips, Wheel, Zigzag