jquery - smooth transition between html pages -

when click on link, example in index.html , click "contact" external "contact.html" want create smooth transition. give me hints...

example:

<a id="map"  href="otherpage.html" target="_self">      <img src="images/icons/map.png" width="100" height="100"> </a>  

i don't want otherpage.html load immediately, want appear smoothly/slowly

you may want use ajax-navigation system.
when click on link, send ajax request desired page , show it's contents current page (without refreshing it).

here's example of site i've built using same "smooth navigation" technique : http://www.opisband.ro/