Элемент jquery fade не отображает элементы в стиле visibility: hidden

Question

У меня есть набор миниатюр, которые я загружаю со стилем visibility: hidden;, чтобы они все сохранили правильные макеты. Как только страница полностью загружена, у меня появляется функция jquery, которая затемняет их. Это сработало, когда их стиль был установлен на display: none;, но, очевидно, макет облажался. Есть предложения?

Вот линия исчезновения:

$('.littleme').fadeIn('slow');

Answer 1

Добавьте несколько вызовов в цепочку следующим образом:

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

Это изменит его на display:none за 1 кадр до появления, снова занимая область.

Answer 2

попробуйте использовать непрозрачность и animate():

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);

Answer 3

<span style="opacity:0;">I'm Hidden</span>

Показать: $('span').fadeTo(1000,1)

Чтобы скрыть: $('span').fadeTo(1000,0)

Пространство сохраняется в макете DOM

http://jsfiddle.net/VZwq6/

Answer 4

Не можете ли вы использовать вместо fadeTo (длительность, значение)? Конечно, таким образом вы можете перейти к 0 и 1, чтобы не влиять на поток документов ...

Answer 5

Попробуйте найти скрытый элемент?

$. ( "Littleme:. Скрытый") FadeIn ();