How do you make an html page fade out while another fades in?

Question

I have a client with an event planning site asking his pages to fade into one another. I have no idea how I can accomplish this. Any ideas? Is there anyway to do this withou

Answer 1

You could load the content using an AJAX request and then use javascript to fade out one page and fade in the other? In jQuery, something along the lines of:

$.get('newpage.html', {}, function(res){
    $('#content-container').fadeOut().html(res).fadeIn();
});

Not perfect, but it's a move in the right direction hopefully? This isn't really something HTML was made for...

Thanks, Joe