so i have a page where i want a 2 second image intro then for the image to fade to the acutal page.
maybe some sort of table that has a onload that after 2 seconds fades into the actual page? i could not figure it out.

Have you tried jQuery? A quick example to get you started:

<!DOCTYPE html>
<script src=""></script>
setTimeout(function(){ $("#img1").fadeOut("slow");
<img id="img1" src="your-image.png">

When the document finishes loading the image (not included) should begin to fade out after a couple of seconds.

It makes use of jQuery's fadeOut method, documented here:

I have used JavaScript's setTimeout method to simply delay the start, but wouldn't be surprised if you discover there's a more jQuery-esque way of doing it.