Перекрестное затухание между двумя изображениями при загрузке страницы и остановка

Question

Как только страница закончила загрузку, я бы хотел, чтобы одно изображение плавно переходило в другое.Не в цикле, только один раз.

Эффект, который я хотел бы создать, можно увидеть здесь:

Blur Fade

Я уверен, что этодолжно быть довольно просто с помощью jQuery?

Заранее спасибо

Answer 1

Вы можете плавно переходить между двумя изображениями, размещая их в одном и том же месте, используя CSS, затем вызывая fadeIn() и fadeOut(), используя jQuery.

Например:

$(function() {
    $('img.OldImage').fadeOut();
    $('img.NewImage').fadeIn();
});

Answer 2

Попробуйте это:

$(document).ready(function(){
    $(function() {
        $('.byeIMG').fadeOut("slow");
        $('.heyIMG').fadeIn("slow");
    });
});