Использование JQuery исчезать изображение из

Question

Я использую следующий сценарий стираться изображение через 5 секунд:

var $j = jQuery.noConflict(); 
$j(document).ready(function() { 
    var fade_out = function() { 
     $j("#fadeout").fadeOut().empty(); 
    } 
    setTimeout(fade_out, 5000); 
}); 

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

Answer 1

Поместят пустой метод в обратном вызове fadeOut:

var $j = jQuery.noConflict(); 
$j(document).ready(function() { 
var fade_out = function() { 
     $j("#fadeout").fadeOut(1000, function() { $j("#fadeout").empty(); }); 
    } 

    setTimeout(fade_out, 5000); 
}); 

Answer 2

var el = $j("#fadeout"); 
el.fadeOut(1000, function() { el.empty(); }) 

1000 время в миллисекундах, принятое эффектом для завершения FADEOUT

Вы можете кэшировать ссылку на элемент (так как вы должны использовать его дважды)