Question

I was wondering if there were anyways to avoid the “flicker” or to replace it with some type of other transition? I don’t mind using JavaScript or jQuery if I needed to – also this is only referring to transitions from one web page to another (all are on the same site).

Thanks all!

Answer 1

I believe you can use jQuery to handle transitions via something similar to this:

<script type="text/javascript">
    $(document).ready(function() {
        $("body").css("display", "none");
        $("body").fadeIn(2000);
    });
</script>

Here is a tutorial regarding using jQuery for Page Transitions

You can also use the following line in the header section of your HTML: (IE Only)

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">

For those I would recommend a small duration (<1.0) if you just want to remove the “flicker” – but you can play around with those settings.