Search code examples
jquerytransitionsmoothing

smooth transition between html pages

When I click on a link, for example in index.html and I click "contact" which is external "contact.html" I want to create a smooth transition. Give me some 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 to load immediately, I want it to appear very smoothly/slowly

Solution

  • you may want to use a ajax-navigation system.
    When you click on a link, you send an ajax request for the desired page and show it's contents into the current page (without refreshing it).

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