Download Free Java Script Source

home>

image>

Transition Fade

title

Transition Fade

description

Transitions are time-varying filters that affect how a change of content is displayed. One example is changing the src attribute of an image to display a new image on-screen. A transition provides an animated effect to display the new image. You can also apply transitions to make an object fade in or fade out by changing the visibility property.

demo

Click image for Transition to Fade.

instruction

add script in your page

FUNCTIONALITY

only ie 4.5+

for use

Add the following script into the <head> section of your page:
<SCRIPT LANGUAGE="JavaScript"> var fRunning = 0 function startTrans() { if (fRunning == 0) { fRunning = 1 SampleID.filters.item(0).Apply(); SampleID.src = "sunset.jpg"; SampleID.filters.item(0).Play() } } </SCRIPT> <SCRIPT for="SampleID" event="onfilterchange"> fRunning = 0 </SCRIPT>

Add the following script into the <BODY> section of your page:
<IMG id="SampleID" src="sample.jpg" style="filter:progid:DXImageTransform.Microsoft.Fade(duration=3)" onclick="startTrans()" width="191" height="87"><BR> Click image for Transition to Fade.