Как добавить эффект затухания в следующий скрипт js?

Question

У меня есть скрипт js, который показывает загрузку изображения и затем загружает контент в #content div.Он работает нормально, но я не могу понять, как сделать так, чтобы он выцветал в контенте после его загрузки?

function viewHome(){
    $('#woodheader').load("inc/home.php");
    $('#content').html('<span class="loader">Loading..&nbsp;&nbsp;&nbsp;<img class="loaderimg" src="images/ajax_loader.gif"/></span>').load("inc/home.php");
}

Например, когда .load("inc/home.php"); завершится, я бы хотел добавить в содержимое *Файл 1006 * inc / home.php длительностью 3 секунды.Как я могу это сделать?

Answer 1

function viewHome() {
    $('#woodheader').load("inc/home.php");
    var content = $('#content');
    content.html('<span class="loader">Loading..&nbsp;&nbsp;&nbsp;" +
        "<img class="loaderimg" src="images/ajax_loader.gif"/></span>');
    content.load("inc/home.php", function () {
        content.hide().fadeIn(3000);
    });
}

Answer 2

Используйте непрозрачность: 0 от css (и фильтра: альфа (непрозрачность = 0) для ie) до #content

, а затем добавьте $ ("# content"). FadeIn (duration) к вашей функции

Answer 3

с помощью jquery поместите ваш код в эту

$(document).ready(function() {
    // put jquery fade call in here
});

Используйте функцию jquery

$("#element").fadeIn(350);