jQuery elemento de desvanecimiento no muestra elementos de estilo 'de visibilidad: oculto'

Question

Tengo un montón de miniaturas que estoy de carga con un estilo de visibility: hidden; modo que todos ellos mantienen sus diseños correctos. Una vez que la página esté completamente cargada Tengo una función jQuery que les desvanece. Esto funcionó cuando su estilo se establece en display: none; pero es evidente que la disposición atornilla entonces. ¿Alguna sugerencia?

Heres la línea de fundido:

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

Answer 1

Añadir unas cuantas llamadas a la cadena como esta:

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

Esto cambiará a display:none para 1 marco antes de la decoloración en, ocupando la zona de nuevo.

Answer 2

trate de usar la opacidad y animate():

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

Answer 3

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

Para Mostrar: $('span').fadeTo(1000,1)

Para ocultar: $('span').fadeTo(1000,0)

El espacio se conserva en el diseño DOM

http://jsfiddle.net/VZwq6/

Answer 4

El canto le utilice fadeTo (duración, valor) en su lugar? Sin duda, esta forma puede desaparecer en 0 y 1, de esa manera no están afectando el flujo de documentos ...

Answer 5

Trate equivalente para el elemento oculto?

$. ( "Littleme: oculto") fadeIn ();