.load() et .fadeIn dans jquery

j'ai ce code et il travaille trouver que la transition fadeIn ...load() et .fadeIn dans jquery

$("div.thumbnailsContainer").fadeOut("500",function(){    
     $("div.fullViewContainer").empty(); 
     $('<img />') 
     .attr('src', imgPathLarge) 
     .load(function(){    
      $("div.fullViewContainer").append($(this)); 
      $("div.fullViewContainer").fadeIn("1000"); 
     }); 
    });

le problème est, une fois l'image complètement chargée, la transition fadeIn ne fonctionnera pas correctement, il apparaîtra juste après les charges, mais sans transition ..

quel pourrait être le problème avec mon code?

ai-je besoin de mettre setTimeout pour retarder la transition après le chargement de l'image?

Source

2010-07-15 Vincent Dagpin

Ceci est probablement pas la solution, mais vous devez supprimer les guillemets autour de votre temps fadeIn et fadeOut. c'est-à-dire: fadeIn (1000) au lieu de fadeIn ("1000"). – JoshMock

Il semble que div.fullViewContainer n'ait jamais été caché - il était vide, mais pas caché. Ainsi, lorsque vous ajoutez la nouvelle image, elle est visible immédiatement, même avant que la commande "fadeIn" ne soit appelée.

Source

2010-07-15 14:29:00

merci monsieur .. j'ai trouvé la réponse déjà .. –

et la réponse était ?? –

Essayez d'abord de masquer l'image, puis d'appeler fadeIn dans le gestionnaire load().

Voir: jquery: fade in image after image

Source

2010-07-15 14:29:22

merci monsieur .. j'ai trouvé la réponse déjà .. –

Vous devriez poster la solution ou accepter une réponse existante. :) –

.load() et .fadeIn dans jquery

Répondre

Questions connexes