oh god is that a flash-like intro movie with JS?

three words of advice:
1. don't do it!
2. don't do it!
3. use flash for flashy!

Anyway, that's a lot of overhead, you can simply fade the element and
update the percentage regularly:

$(document).ready(function(){

  var per = $('#percentage'),
       logo = $('#logo').fadeTo(2000,0, function(){
          per.fadeTo('slow',0, function(){
              per.text('For life - for fashion - for life').fadeTo
('slow',1);
          });
      }),
  function update(){
     var o = Math.floor( logo.css('opacity')*100 );
     s.text( o );
     if (o) setTimeout(update,30);
  }
  update();

});

- ricardo

On Dec 23, 8:24 pm, Althalos <ca...@ekdahlproduction.com> wrote:
> 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?

Reply via email to