Smoothing Out Page Transitions

To avoid page flickering when you (re)load a page, you can add the following (Internet Explorer only) <meta> tags to the <head> section of your page.
<meta http-equiv="Page-Enter" content="revealtrans(duration=0.0)" />
<meta http-equiv="Page-Exit" content="revealtrans(duration=0.0)" />
This works especially well with pages that are slow to load, because the old page remains visible until the new page is completely downloaded.

Where to Next?

Wonder where to go next? You can read existing comments below or you can post a comment yourself on this article .


Consider making a donation
Please consider making a donation using PayPal. Your donation helps me to pay the bills so I can keep running Imar.Spaanjaars.Com, providing fresh content as often as possible.



Feedback by Other Visitors of Imar.Spaanjaars.Com

On Friday, June 10, 2005 5:16:08 AM a said:
this code works great ! :) but can u explain how it actually does that. ?
On Saturday, June 11, 2005 10:14:39 AM Imar Spaanjaars said:
This is done by filters that are available in Internet Explorer. Check out the following link for an introduction in IE filters: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters.asp

Imar
On Sunday, February 26, 2006 12:50:20 AM keithc said:
I have been wondering why this was happening in IE, this does not seem to be the case in firefox. Works great thanks
On Friday, March 14, 2008 7:59:18 PM Mike said:
I LOVE YOU!!!!
I've been pulling my hair out on this one and not many others seemed to recognize the problem existed with ie7.

This fixed it beautifully!!!!

THANK YOU SO VERY VERY MUCH!!!!  :)
On Wednesday, April 16, 2008 3:41:36 PM Tony said:
I'm fairly new to XHTML and CSS and I recently was having trouble with the flickering of the page when clicking a link.  The added meta tags correct this problem nicely, except that IE gives me a security message saying "To help protect your security, Internet Explorer has resricted this webpage from running scripts or ActiveX controls tht could access your computer".  I then have to allow blocked content.  Is this a message that visitors to my site would receive as well? ... why do I get this message?

Any help is greatly appreciated.

Thanks,
Tony
On Wednesday, April 16, 2008 3:50:35 PM Imar Spaanjaars said:
Hi Tony,

You propably get this error because you are looking at a page from your local system through something like file://somepath

You won't see this error when the page is served over http.

Cheers,

Imar
On Wednesday, April 16, 2008 4:06:40 PM Tony said:
Thank you very much... it works great!
On Friday, June 13, 2008 12:45:52 AM Matt said:
Superb! Thanks
On Thursday, July 24, 2008 3:51:36 AM danny said:
excellent - thanks
On Tuesday, August 12, 2008 3:06:52 PM nyx said:
nice solution, i have tried different things to solve this problem wiht IE on my side, this is the only thing that works .
But its not so optimal for bigger sites with much contents
On Thursday, November 20, 2008 7:01:10 AM sukanya said:
Thanks a ton!!! I was starting to give up on this issue!!
On Tuesday, March 31, 2009 8:44:18 PM Steve said:
Imar,

You are the greatest. I swear I'm gonna buy you a yacht one day for all the fixes you've helped me with. This one was driving me nuts.

-Steve
On Wednesday, April 01, 2009 9:42:34 PM Imar Spaanjaars said:
Hi Steve,

Excellent idea. Until that time, may I recommend you my Amazon Wish List? ;-)

https://www.amazon.com/gp/registry/wishlist/1I8QG3UOD16GU

Cheers,

Imar
On Monday, May 11, 2009 12:00:34 PM yves said:
hey all,
stumbled on this page by searching for a solution for the IE flickering issue. However, the suggested code does not have any effect on my site here:
http://www.laisserfaire.be/elementzoo/nieuws/

Works well for IE8 , but not for IE7...

Or am I missing something? Any help is greatly appreciated!
On Monday, May 11, 2009 8:34:37 PM Imar Spaanjaars said:
Hi yves,

I wrote this article in 2004 and it used to work fine in IE 6. Strange that it doesn't work in IE 7 but works in IE 8.
I don't have IE 7 here at the moment so I can't test and tell for sure.

Cheers,

Imar
On Tuesday, May 12, 2009 8:13:33 AM yves said:
no problem Imar, thanks!
On Monday, August 24, 2009 10:37:55 AM Marvin Steiner said:
This works brilliantly. I scoured the net for a fix, but it was hard to google it. You're solution works perfect.

Thank you very much.
On Monday, January 04, 2010 9:18:20 PM Gil said:
Man!!!
that was absolutely amazing! the flickring's gone from my app like a charm!
On Friday, August 06, 2010 9:43:29 AM smu said:
old but gold. just saved my day
On Wednesday, October 13, 2010 9:33:20 AM Sai said:
Hi mate :) this works fine in IE :) i was searching for this for a long time :)

but one more doubt ? is there any tag like this for firefox ? because it doesnt work for firefox as you said :)

waiting for your reply !!
On Wednesday, October 13, 2010 1:58:13 PM Imar Spaanjaars said:
Hi Sai,

Not that I know off....

Imar
On Wednesday, November 10, 2010 11:40:19 AM Naidu said:
is there any tag like this for firefox ? because it doesnt work for firefox.so can you give me a solution for this

waiting for your reply !!
On Wednesday, November 10, 2010 11:44:11 AM Imar Spaanjaars said:
Hi Naidu,

What made you think my answer to Sai does not apply to you?

Imar
On Wednesday, November 10, 2010 11:52:37 AM HariRao said:
what does revealtrans mean in the code
On Wednesday, November 10, 2010 11:54:44 AM Imar Spaanjaars said:
Hi HariRao,

It refers to the way the new page is shown. I guess it means something as "reveal the next page with a smooth transition".

You have to ask Microsoft for the real meaning.

Cheers,

Imar
On Wednesday, November 10, 2010 11:57:55 AM HariRao said:
This is working properly in IE6 & IE8..but why Its not working in IE7..can u give me an explanation..
On Wednesday, November 10, 2010 11:59:18 AM Imar Spaanjaars said:
Nope, I can't. It used to work for me on IE7 as well, I think, but I don't have IE7 ready to test now.

Sorry.

Imar
On Wednesday, November 10, 2010 12:08:17 PM HariRao said:
Hey Thanqs Imar,and can you suggest me an alternate for other browsers to stop flickering.
On Wednesday, November 10, 2010 12:10:01 PM Imar Spaanjaars said:
Nope, but I am sure Google can....

Imar
On Wednesday, September 21, 2011 7:02:19 AM Kevin McHugh said:
Ran across this meta tag in an old prototype and couldn't remember where I'd filtched it - until Google brought me back here.

Just finished reinstalling the OS on a workstation, and took the intermediate step of installing IE7 before IE8.  I noticed that IE7 did not install with page transistions enabled.  That might be why some see it as not working in IE7, because when transistions are enabled, it always worked fine.

Cheers, Imar.
On Friday, January 13, 2012 8:18:33 PM Sophia said:
Hi Imar, really great.
But is there some trick to do same with FF, Chrome
On Friday, January 13, 2012 8:20:25 PM Imar Spaanjaars said:
Maybe, I don't know. These are IE specific features; maybe Chrome has something similar.

Imar

Talk Back! Comment on Imar.Spaanjaars.Com

I am interested in what you have to say about this article. Feel free to post any comments, remarks or questions you may have about this article. The Talk Back feature is not meant for technical questions that are not directly related to this article. So, a post like "Hey, can you tell me how I can upload files to a MySQL database in PHP?" is likely to be removed. Also spam and unrealistic job offers will be deleted immediately.

When you post a comment, you have to provide your name and the comment. Your e-mail address is optional and you only need to provide it if you want me to contact you. It will not be displayed along with your comment. I got sick and tired of the comment spam I was receiving, so I have protected this page with a simple calculation exercise. This means that if you want to leave a comment, you'll need to complete the calculation before you hit the Post Comment button.

If you want to object to a comment made by another visitor, be sure to contact me and I'll look into it ASAP. Don't forget to mention the page link, or the QuickDocId of the document.

For more information about the Talk Back feature, check out this news item.