Newbie HELP: Page Fade out, then nepage fade in without jump
Hi, excuse the ignorance i am not skilled in Javascript, and using jquery so i cannot read it.
I have an urgent request as im working on a proposal and although i am not going to be using jquery i would very much like to use use a simple page fade out and then fade in the next page. I am fully aware of the power of jquery and love the effects and one day i will stick my head into some books but if anyone could help me out with this small request it would be very much appriciated.
i found this script, and although it works it fades out and then fades in but it only does the animation on the first page rather than what i want it to do is fade out from index.html and fade into aboutus.html, im sure you experienced jquery uses will see the problem with the code i know why its happening but becuase i cannot read or write javacript i dont know where to start only seaching for scripts online.
if anyone could help write or ammend the code i would be soooo happy and grateful
-
$(document).ready(function(){
jQuery('a').click(function(){
jQuery('#wrapper').fadeOut();
setTimeout("nav('"+this.href+"')",1000);
return false;
});
});
function nav(href){
location.href=href;
}
$(document).ready(function(){
jQuery('a').click(function(){
jQuery('#wrapper').fadeIn();
setTimeout("nav('"+this.href+"')",1500);
return false;
});
});
function nav(href){
location.href=href;
}