L’élément de fondu de jquery n’affiche pas les éléments dénommés “Visibilité: caché”

J’ai un tas de vignettes que je charge avec un style de visibility: hidden; afin qu’ils maintiennent tous leurs dispositions correctes. Une fois que la page est complètement chargée, j’ai une fonction jquery qui les fait disparaître. Cela a fonctionné lorsque leur style était configuré pour display: none; mais évidemment la mise en page a tout foiré alors. Aucune suggestion?

Voici la ligne de fondu:

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

Ajoutez quelques appels à la chaîne comme ceci:

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

Cela le changera pour display:none pour 1 image avant d’entrer en fondu, occupant à nouveau la zone.

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

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

I'm Hidden

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

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

L’espace est conservé dans la mise en page DOM

http://jsfiddle.net/VZwq6/

Vous ne pouvez pas utiliser fadeTo (durée, valeur) à la place? De cette façon, vous pouvez faire un fondu sur 0 et 1, de cette façon vous n’affectez pas le stream de documents …

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

$ (“. littleme: hidden”). fadeIn ();