Hi,
Did you ever figure this out? I am just about to start working on the exact same project.
Unfortunately, no… I had to resort to a different solution and dropped AJAX altogether. Hope you have better luck on finding a workaround.
I solved this,
Here is a demo – http://schillings.huntingtonwebdesign.com/
3 easy steps in the file advanced-ajax-page-loader/ajax-page-loader.js
1) is set fadeout from “slow” to 0
2) is set fadein from “slow” to 0
3) is comment out the line document.getElementById(AAPL_content).innerHTML = AAPL_loading_code;
Original Code looks like,
————————————————-
//start changing the page content.
jQuery(‘#’ + AAPL_content).fadeOut(“slow”, function() {
//See the below – NEVER TRUST jQuery to sort ALL your problems – this breaks Ie7 + 8 😮
//jQuery(‘#’ + AAPL_content).html(AAPL_loading_code);
//Nothing like good old pure JavaScript…
document.getElementById(AAPL_content).innerHTML = AAPL_loading_code;
jQuery(‘#’ + AAPL_content).fadeIn(“slow”, function() {
————————————————-
New code looks like this,
————————————————-
//start changing the page content.
jQuery(‘#’ + AAPL_content).fadeOut(0, function() {
//See the below – NEVER TRUST jQuery to sort ALL your problems – this breaks Ie7 + 8 😮
//jQuery(‘#’ + AAPL_content).html(AAPL_loading_code);
//Nothing like good old pure JavaScript…
//document.getElementById(AAPL_content).innerHTML = AAPL_loading_code;
jQuery(‘#’ + AAPL_content).fadeIn(0, function() {
————————————————-
