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 ();