jQuery Fading Opacity Problème

Question

Pour un client, j'essaye de faire fonctionner ce site dans IE et d'autres navigateurs web (actuellement seulement dans Safari et Firefox pour Mac): http://www.randomscripts.net/think_company_world/main.php J'utilise les fonctions fadeIn et fadeOut de JQuery sur les images pour les faire défiler en arrière-plan. Pour tous les autres navigateurs à côté de ceux listés ci-dessus, il affiche simplement une boîte noire sur le contenu. Je pense que cela peut avoir à faire avec l'opacité: propriété CSS mais je ne suis pas tout à fait sûr.

Si quelqu'un pouvait jeter un oeil, je l'apprécierais vraiment.

Answer 1

Cela semble fonctionner correctement pour moi (Chrome, IE8 et Firefox 3. sous Vista). Etes-vous sûr que les images ont le temps de se charger? Avez-vous le même problème si vous redimensionnez les images à 100x100 et relancez le script?

Autres pensées

Je reçois une erreur sur la ligne 320 (sous options pour nav 6) parce que vous n'avez pas un article sur la page avec un identifiant de nav6_sub de sorte que peut causer des problèmes pour toi.

Vous dupliquez beaucoup de code sur cette page (copiez-vous ou collez-le dans une boucle?), Vous devriez probablement envisager de créer un plugin jQuery ou quelque chose comme ça. J'ai toujours trouvé cette page utile (ainsi que les docs jQuery bien sûr): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Aussi, ce n'est probablement pas lié, mais votre HTML autour de la navigation secondaire pourrait utiliser un peu de nettoyage. Au lieu de

<ul> 
    <li><a href="#" id="nav5" onmouseover="dropDown('nav5_sub')"></a></li> 
     <div class="sub" id="nav5_sub"> 
      <li>Private Client Log In</li> 
      <li>Student Log In</li> 
     </div> 
    </li> 
</ul> 

Vous devriez avoir quelque chose comme avoir:

<ul> 
    <li> 
     <a href="#" id="nav5" onmouseover="dropDown('nav5_sub')"></a> 
     <ul class="sub" id="nav5_sub"> 
      <li>Private Client Log In</li> 
      <li>Student Log In</li> 
     </ul> 
    </li> 
</ul>