HTML 5 page transitions

Question

I want to make a nice, modern-looking transitions between pages. I\'ve found this tutorial: http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitio

Answer 1

This is based on the correct answer posted above which helped me a lot. Unfortunately, it was not working for me in chrome/linux, it worked well in firefox. I was looking for something slightly different anyway, because I wanted a common header in all pages. So here is my adatped solution.

    

        

            FRANCISCO

            FRANCHETTI
        
        

            

                
HOME
                
RESEARCH
                
TEACHING
                
CONTACT
            
        
    
    

Main Remarks:

• The pages do not need to have buttons or anything, here the handler is the header which is common to all pages.
• The href attributes are disabled because we don't want to really navigate, just repopulate the src for the iframe.
• Now the change() function takes a parameter page that is used to determine which page to load; as said before, instead of passing the destination for the a in the href attribute, we pass it as a function argument for change().