/*
JavaScript Bible, Fourth Edition
by Danny Goodman
John Wiley & Sons CopyRight 2001
*/
onFilterChange Event Handler
function init() {
image1.filters[0].apply()
image2.filters[0].apply()
start()
}
function start() {
image1.style.visibility = "hidden"
image1.filters[0].play()
}
function finish() {
// verify that first transition is done (optional)
if (image1.filters[0].status == 0) {
image2.style.visibility = "visible"
image2.filters[0].play()
}
}
onFilterChange Event Handler
The completion of the first transition ("circle-in")
triggers the second ("circle-out").
Play It Again
filter:progID:DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE',
motion='in')"
onFilterChange="finish()"> WIDTH=120>