L'élément fader jQuery ne montre pas les éléments stylés 'visibilité: masqué'

Question

J'ai un tas de vignettes que je charge avec un style de visibility: hidden; afin qu'elles conservent toutes la mise en page correcte. Une fois la page entièrement chargée, j'ai une fonction jQuery qui les fonde. Cela fonctionnait lorsque leur style était défini sur display: none; mais visiblement, la mise en page était foutue. Aucune suggestion?

Heres la ligne de fondu:

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

Answer 1

Ajoutez quelques appels à la chaîne comme ceci:

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

Cela le changera en display:none pour 1 image avant de se fondre dans, occupant à nouveau la zone.

Answer 2

essayez d'utiliser l'opacité et animate() :

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

Answer 3

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

Pour montrer: $('span').fadeTo(1000,1)

Pour masquer: $('span').fadeTo(1000,0)

L'espace est préservé dans la mise en page du DOM

http://jsfiddle.net/VZwq6/

Answer 4

Vous ne pouvez pas utiliser fadeTo (durée, valeur) à la place? De cette façon, vous pouvez passer aux valeurs 0 et 1, ainsi, vous n'affecterez pas le flux de documents ...

Answer 5

Essayez de faire correspondre l'élément caché?

$ (". littleme: hidden"). fadeIn ();