[Solved] javascript show intro animation, then website

by


If it was me I’d put my gif in a DIV with and id on it outside of the site. Then using jQuery something like this:-

var timer = 0; //setting this up as global

$(document).ready( function () {

        $("#site").hide(); // you could have the site as display:none in css instead of this line.
        timer = setInterval( showSite , 2000 ) // here's your 2 seconds delay

});

function showSite() {
      clearInterval(timer);
      $("#myGIFdiv").fadeOut();
      $("#site").fadeIn();
}

I’d suggest a longer delay, as you don’t know how long your gif will take to load … look up preloading etc to find out more about that. This is a really crude example to get you started.

2

solved javascript show intro animation, then website