javascript fade between pages
<p>first of all i'm pretty new with JS. I'm buillding a website and it has a intro. This intro animation have to be placed in a different page and after it ends then the next webpage will be automatically loaded.</p>

<pre><code>&lt;body onload="setTimeout(
function(){
    window.location.href = 'file:///C:/Users/skatto/Desktop/art%20contest/art_contest_page.html';
}, 32000 )"&gt;
</code></pre>

<p>this is the script i'm using on my html file to automatically load the next page,
but it's pretty 'sharp' and rough, how could I add a fade animation? To make it smoother</p>