jQuery Fading Deckkraft Problem

Question

Für einen Client, ich versuche, diese Website in IE und anderen Webbrowsern arbeiten (derzeit funktioniert nur in Safari und Firefox für Mac): http://www.randomscripts.net/think_company_world/main.php Ich benutze JQuery FadeIn und FadeOut-Funktionen auf den Bildern um sie im Hintergrund zu durchlaufen. Für jeden anderen Browser neben den oben aufgeführten zeigt es einfach eine schwarze Box über den Inhalt. Ich denke, dass es vielleicht mit der Opazität zu tun hat: CSS-Eigenschaft, bin mir aber nicht ganz sicher.

Wenn jemand einen Blick werfen könnte, würde ich es wirklich schätzen.

Answer 1

Es scheint für mich gut zu funktionieren (Chrome, IE8 und Firefox 3. unter Vista).

Sind Sie sicher, dass die Bilder geladen werden können? Haben Sie das gleiche Problem, wenn Sie die Bilder auf 100x100 skalieren und das Skript erneut ausführen?

Andere Gedanken

Ich erhalte eine Fehlermeldung auf der Linie 320 (Unteroptionen für nav 6), weil Sie auf der Seite mit der ID nav6_sub keine Artikel haben, so dass Probleme verursacht sein kann, für dich.

Sie duplizieren eine Menge Code auf dieser Seite (kopieren und einfügen oder erstellen Sie sie in einer Schleife?), Sollten Sie wahrscheinlich ein jQuery-Plugin oder etwas erstellen. Ich fand diese Seite immer nützlich (natürlich auch die jQuery-Dokumentation): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Auch ist es wahrscheinlich nicht verwandt, aber Ihr HTML rund um die Sub-Navigation könnte einige Aufräumarbeiten verwenden. Statt

<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> 

sollten Sie haben so etwas wie haben:

<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>