Исчезать и выводить изображение с помощью предварительного загрузчика

Question

Исчезать и выводить изображение с помощью предварительного загрузчика

0

У меня есть загрузчик, который исчезает и исчезает, когда страница полностью загружена. Как я могу заставить изображение затухать, а затем исчезать во время этого перехода? Поэтому я ищу, чтобы изображение исчезло в результате постепенного исчезновения, затем предварительный загрузчик исчезает.

Таким образом, переходы происходят как

Фон предварительного загрузчика> Изображение исчезает в> Затухание изображения> Фон предварительного загрузчика исчезает

Аналогичный эффект грузчика здесь.

Прошу прощения, если это довольно просто. В настоящее время предварительный загрузчик и изображение постепенно исчезают, используя

<div class="loader-container">
    <img src="image.png" alt="Image">
</div>

<script type="text/javascript">// <![CDATA[
    jQuery(window).load(function() {
        jQuery(".loader-container").delay(500).fadeOut("1000");
    });
// ]]>
</script>

Allreadyhome 28 апр. 2014, в 11:49

Источник

Теги:

jquery

1 ответ

Ещё вопросы

devqon · Accepted Answer · 2014-04-28T07-22-00.000Z

Используйте обратные вызовы анимации jQuery:

jQuery(function(){
    jQuery("#loader-image").fadeIn(500, function(){
        jQuery("#loader-image").delay(500).fadeOut(1000, function(){
            jQuery(".loader-container").fadeOut(2000);
        });
    });
});

скрипка: http://jsfiddle.net/2kUSw/