jquery elemento dissolvenza non mostra elementi in stile 'di visibilità: nascosto'

Question

Ho un mucchio di miniature che sto carico con uno stile di visibility: hidden; in modo che tutti mantengono le loro layout corretti. Una volta che la pagina viene caricata completamente Ho una funzione jQuery che li sfuma in. Questo ha funzionato quando il loro stile è stato impostato su display: none; ma ovviamente il layout avvitato poi. Qualche suggerimento?

Ecco la linea di dissolvenza:

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

Answer 1

Aggiungere un paio di telefonate alla catena in questo modo:

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

Questo cambierà a display:none per 1 fotogramma prima dissolvenza in apertura, che occupa la zona di nuovo.

Answer 2

provare a utilizzare l'opacità e animate():

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

Answer 3

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

Per Mostra: $('span').fadeTo(1000,1)

Per nascondere: $('span').fadeTo(1000,0)

Lo spazio è conservato nel layout DOM

http://jsfiddle.net/VZwq6/

Answer 4

Il Cant lo usa fadeTo (durata, valore), invece? Sicuramente questo modo si può sbiadire a 0 e 1, in questo modo non si sta interessando il flusso documento ...

Answer 5

Prova di corrispondenza per l'elemento nascosto?

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