Проблема с применением fadeIn

Question

У меня есть встроенная флэш-память на моей странице, но затем я использую jquery для добавления эффекта fadeIn на страницу, но она не работает для встроенной флэш-памяти.

Другими словами, флэш-контент загружается первым, а не остальными. Поэтому я подумал, что, возможно, я мог бы использовать jquery, чтобы обернуть div вокруг вспышки, а затем затухать div, но проблема, с которой я здесь сталкиваюсь, заключается в том, что вспышка находится сверху div.

Есть что-то очевидное, чего мне не хватает, или более аккуратный способ обойти это?

$('#flash').wrap("<div id='me'></div>");
$('#me').css({'background':'#ff0000', 'position' : 'absolute'});
$('#me').hide().fadeOut(5000);

Answer 1

Можете ли вы добавить wmmode="opaque" в контейнер Flash?

Дополнительная литература .

Answer 2

Flash-объект не участвует в схеме размещения страниц. Я хотел бы добавить div, который имеет позицию, установленную на абсолютное значение, left = 0, top = 0 z-index = 10000, width = page-width (вычисляется с помощью jquery) и height = page-height (также рассчитывается с помощью jQuery), а затем исчезнуть этот div. Короче говоря, наложите всю страницу белым (или другим цветом div) и затемните div, раскрывая всю страницу.

Answer 3

Редактировать: Вы можете использовать обратный вызов для загрузки флэш-контента после завершения эффекта затухания.

Демо: http://jsfiddle.net/wdm954/S6UKS/2/

Как то так ...

$('#page').fadeIn(5000, function() {
    //callback
    $('#flash div').show();
});

Вы должны обернуть вспышку, хотя и с фиксированным размером div, чтобы содержимое страницы не нужно было настраивать при отображении вспышки.