< Back

Document Subject: Cinema effects for you web pages the easy way
Hint Short Cut: Add this to your code & documentation to help you find this page.
http://#BlendTrans or http://A555F9/nn.nsf/ByAlias/BlendTrans
This DHTML code will impress your marketing people. Add it to your web pages easily and earn lots of brownie points for anyone with a MSIE 4.0 browser.

Stick this in a hidden computed when composed field called $$HTMLHead at the top of the form.
"<meta http-equiv=\"Page-Enter\" content=\"blendTrans(Duration=0.5)\">"+
"<meta http-equiv=\"Page-Exit\" content=\"blendTrans(Duration=0.5)\">"+
"<meta http-equiv=\"Site-Enter\" content=\"blendTrans(Duration=0.5)\">"+
"<meta http-equiv=\"Site-Exit\" content=\"blendTrans(Duration=0.5)\">"

This will blend from one page to another and looks good.

Slows the page down a touch but not enough to cause problems.

And if it does it is easy to take out.

This will only work on MS IE 4.0+

You can also try the Reveal transformation filters.

Stick this in a hidden computed when composed field called $$HTMLHead at the top of the form.
"<meta http-equiv=\"Page-Enter\" content=\"revealTrans(Duration=0.5,Transition=8)\">"+
"<meta http-equiv=\"Page-Exit\" content=\"revealTrans(Duration=0.5,Transition=9)\">"+
"<meta http-equiv=\"Site-Enter\" content=\"revealTrans(Duration=0.5,Transition=1)\">"+
"<meta http-equiv=\"Site-Exit\" content=\"revealTrans(Duration=0.5,Transition=2)\">"

These use a variery of transformations to tailor the switch.

# What Happens
1 Reveal from inside out
2 Scroll in from outer parts
3 Scroll out from center
4 Scroll up from button
5 Scroll down from top
6 Scroll left to right
7 Scroll right to left
8 Vertical Blinds left to right
9 Horizontal Blinds top to bottom
10 Combination of 8 and 9
11 Looks a lot like 8
12 Comes in in pixels
13 Scroll in from outer parts
14 Scroll out from center
15 Close from both top and bottom
16 Open from center to top and bottom
17 Diagonal roll from right to left
18 Different angle diagonal roll right to left
19 Number 17: the other way
20 Number 18: the other way
21 Random horizontal lines
22 Random vertical lines
23 Completely Random


The numbers after this start again at 1 but future releases might have new filters.