So I got help to create a script this far: $(document).ready(function(){ var step = 4000; (function(){ step -= 40; $("#percentage").text(Math.round((1-step/4000)*100) + '%'); if ( step > 0 ) $("#logo").fadeTo(40,1-step/4000, arguments.callee); })(); setTimeout(function () { $("#percentage").fadeTo("slow",0.01, function () { $("#percentage").text("For life - for fashion - for life").fadeTo ("slow",1); }); },6000); setTimeout(function () { window.location = 'http://uf.ekdahlproduction.com/itsvintage2/ home.html'; },8000); });
At first it seemed to work like a charm, and it really did in FF, but then in IE it didn't work much at all. Both logo-opacity and percentage got stuck, at low opacity and 1%. However, it still replaced the text and faded in/out and continued onto the next page correctly. How can I make the fade-in logo update percentage thingy work correctly in IE?