Search jQuery

jQuery Forum

Fade in, Fade out, Redirect.

in Getting Started • 12 years ago

Hello,
I'm pretty sure this can be done with jquery, I just can't figure it out.

here is EXACTLY what I'm trying to do, but I do not want to do it in flash:
http://activeden.net/item/-fade-in-logo-fade-out-then-redirect-site-intr/55052

Thanks for your help,
tim

Replies(2)

jeff_way

Re: Fade in, Fade out, Redirect.

12 years ago

This should do the trick.

$(function() {

  $('#logo').fadeIn(3000, function() {
      $(this).delay(1000).fadeOut(1000, function() {
            window.location = 'http://www.envato.com'; });
   });

});

Demo

joblesspu..

Re: Fade in, Fade out, Redirect.

12 years ago

Thanks,
It took so long for a moderator to approve my post that I figured out a way that it works.

I don't know if this is messy code, so let me know if it could be cleaned up.

$(function(){
$('#splash').hide();
$('#splash').fadeIn(2000)
});
$(function(){
   setTimeout(function() {
     $("#splash").fadeOut(2000, function() {
     $("#copy").show();
  });
 }, 3000);
});

<body>
<div id="splash"></div>
<div id="container">
<div id="copy">This is bodycopy</div>
</div>
</body>

DEMO

I like this solution because it it just shows the page after the splash screen instead of redirecting it to /home.html or something along those lines.

But let me know if I could tighty up the Java a bit, I'm new to Java and still learning.

preet123

Re: Re: Fade in, Fade out, Redirect.

11 years ago

Hi, Thanks for the code.. I have a question, What if I want to add more than 1 splash screen.

Thanks

Top Reply

Response title

Attachments

jQuery Forum

Fade in, Fade out, Redirect.

Replies(2)

Re: Fade in, Fade out, Redirect.

Re: Fade in, Fade out, Redirect.

Re: Re: Fade in, Fade out, Redirect.

Statistics

Tags

Actions

Related Posts