Веб-страница плавно исчезает после того, как изображение intro исчезает в

Question

Я пытался найти решение здесь, но так как я довольно новичок в JavaScript и т. Д., Мне было невозможно выполнить эту работу.

Итак, мне нужен логотип фирмы, впервые появляющийся при входе на сайт. Логотип должен исчезать, но довольно быстро - возможно, в 500 мс.

И после того, как логотип был там в течение 2-х секунд, то она должна исчезнуть и фактическая веб-страница должна исчезать.

Я просто не могу показаться, чтобы сделать эту работу. Можешь мне помочь?

Вот страница интро: http://rockworksstudio.fi/index.html

И через 2 секунды или около того она должна плавно перевести на эту страницу: http://rockworksstudio.fi/index2.html

Я действительно надеюсь, что Вы могли бы быть «слишком специфическими». Заранее спасибо!

-Tommi

PS. Также IE блокирует по умолчанию определенный тип кода, поэтому было бы важно обойти.

Answer 1

Я создал скрипку для вас: https://jsfiddle.net/mehmetb/c3q62m93/

setTimeout(function() { 
    //After 2000 milliseconds, fade out the overlay. The animation duration is 500 ms. 
    $(".overlay").fadeOut(500); 
}, 2000);