Jquery fadeIn ne fonctionne pas la première fois dans FF. Pourquoi?

Question

Problème: Lorsque la page s'exécute dans FF 3.6, le fadeIn n'apparaît pas, tant que vous n'avez pas parcouru les galeries, alors cela fonctionne. Comment puis-je réparer cela?

Jquery code

$(document).ready(function() { 
     $("#gallerylinks a").each(function(index){ 
     $(this).click(function(){ 
      $(".gallerymain").hide(); 
      $("#gal"+index).fadeIn(); 
     }); 
     }); 
    }); 

Code HTML

<table width="960" border="0" cellspacing="0" cellpadding="0" id="gallerylinks"> 
     <tr> 
     <td><a href="#"><img src="images/somename1.jpg" width="240" height="186" /></a></td> 
     <td><a href="#"><img src="images/somename2.jpg" width="240" height="186" /></a></td> 
     <td><a href="#"><img src="images/somename3.jpg" width="240" height="186" /></a></td> 
     <td><a href="#"><img src="images/somename4.jpg" width="240" height="186" /></a></td> 
     </tr> 
    </table> 

Answer 1

Le fondu ne fonctionnera pas correctement car les images ne sont pas chargées au premier tour, au lieu de cela:

$(document).ready(function() { 

Pour ce faire:

$(window).load(function() { 

La différence est que window.onload attend les images à charger, donc ils vont être là avant que le code fonctionne ... même la première fois :)

Vous pouvez précharger les images lors du chargement la galerie, il ya manyoptionsoutthere pour cela.

Answer 2

Vous devriez essayer ceci:

$(window).load(function(){ 
    $('#gallerylinks a').click(function(){ 
    $(".gallerymain").hide(); 
    $("#gal"+index).fadeIn('fast'); 
    }); 
});