Click here to Skip to main content
Click here to Skip to main content

Tagged as

Make page transition/navigation smoother

, 8 Mar 2011 CPOL
Rate this:
Please Sign up or sign in to vote.
Make page transition/navigation smoother
Generally, while web-page post-back event fires or we are navigating to the other page from current page, then there are a some white screen flicks before showing the loaded page.
 
So if we don't want to see that white screen flick and want to navigate smoother on new page, then there is only one line code, actually it's a meta data that we have to add in head section of the HTML page.
 
Here is the code that we have to add.
 
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(duration=.5)" >
 
While we add the above line to the HTML section, then it will change the default behavior of page transition.
Now it will navigate to the next page very smoothly like page content is fading slowly and moving to the next page.
 
But remember it is meta-tag from Microsoft and it will work only on Internet Explorer.
That is only the worst side of this feature.


DotNet Stuff

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Tarun Dudhatra
Software Developer Working in Ahmedabad, Gujarat, India
India India

I am working as a Software Engineer in Ahmedabad, Gujrat, India.

I have 7+ Years of Experience in Microsoft Technology Like Asp.Net 2.0,Asp.Net 3.0,Asp.Net 4.0,
C#,MVC, Javascript, Crystal Reports, JQuery etc.

Find out more on :

Follow on   Twitter

Comments and Discussions

 
QuestionMake page transition/navigation smoother for Chrome and FireFox PinmemberJahan12-Oct-13 20:38 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web04 | 2.8.141220.1 | Last Updated 8 Mar 2011
Article Copyright 2011 by Tarun Dudhatra
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid