Friends, this is something interesting and exciting too. Excuse me if it's not new to you. Fake Ajax is all about giving effects to your web pages when user enters and exists your web pages. The point to note here is that while doing this it avoids blink that use to happen when user moves around the pages just like we do in Ajax. It's alternate to Ajax (not every time – mind it!) For your kind information, there is no rocket science into it. All you have to do is adding META tag into your web page.
You might have wondered why I have highlighted above words "when user enters and exists your web pages". The reason is that it is the heart of the fAjax. The effects that you are going to give would be visualized only when user enters / exits the web page and not in post back events. Again it might not work in browsers other than IE. Try it out on other browsers ..
BEST FOR STATIC WEB SITE J
List of some of the META tags you can use is as below.
Page Enter-Blend (2 sec.) | <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)"> |
Page Exit-Box In (2 sec.) | <meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=0)"> |
Site Enter-Box Out (2 sec.) | <meta http-equiv="Site-Enter" content="revealTrans(Duration=2.0,Transition=1)"> |
Site Exit-Circle In (2 sec.) | <meta http-equiv="Site-Exit" content="revealTrans(Duration=2.0,Transition=2)"> |
Circle Out | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)"> |
Wipe Up | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)"> |
Wipe Down | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)"> |
Wipe Right | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)"> |
Wipe Left | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)"> |
Vertical Blinds | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)"> |
Horizontal Blinds | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)"> |
Checkerboard Across | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)"> |
Checkerboard Down | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)"> |
Random Dissolve | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)"> |
Split Vertical In | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)"> |
Split Vertical Out | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)"> |
Split Horizontal In | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=15)"> |
Split Horizontal Out | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)"> |
Strips Right Down | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)"> |
Strips Right Up | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)"> |
Strips Left Down | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)"> |
Strips Left Up | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)"> |
Random Bars Horizontal | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)"> |
Random Bars Vertical | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)"> |
Random | <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"> |
I have created sample demo application which you can download from below link. (See meta tags in Master page).
https://docs.google.com/leaf?id=0B7GR79ykCFHUOGE2N2NmNzEtODBmNi00N2I2LThlMTktYjUzMTU0ZjBiMDg2&hl=en
Your comments / feedback are welcome as usual.
No comments:
Post a Comment