jQuery dissolvenza Opacità Problema

Question

Per un client, sto cercando di ottenere questo sito a lavorare in IE e altri browser web (attualmente funziona solo in Safari e Firefox per Mac): http://www.randomscripts.net/think_company_world/main.php sto usando funzioni FadeIn e FadeOut di jQuery sulle foto per ciclo di loro attraverso in background. Per ogni altro browser accanto a quelli sopra elencati, si visualizza semplicemente una scatola nera sul contenuto. Sto pensando che si può avere a che fare con l'opacità:. Proprietà CSS, ma non ne sono del tutto sicuro

Se qualcuno potrebbe dare un'occhiata, io realmente lo apprezzerei.

Answer 1

Sembra funzionare bene per me (Chrome, IE8 e Firefox 3. sotto Vista).

Sei sicuro che le immagini stanno avendo tempo a caricare? Si ottiene lo stesso problema se si ridimensiona le immagini a 100x100 e ri-eseguire lo script?

Altri pensieri

Ricevo un errore sulla linea 320 (opzioni secondarie per nav 6), perché non si dispone di alcun elemento della pagina con un id di nav6_sub in modo che possono causare problemi per voi.

Si sta duplicando un sacco di codice in quella pagina (stai copiando e incollando o averlo creato all'interno di un ciclo?), Probabilmente si dovrebbe guardare a creare un plugin jQuery o qualcosa del genere. Ho sempre trovato questa pagina per essere utile (oltre che la documentazione jQuery ovviamente): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Inoltre, non è probabilmente correlato, ma il codice HTML in tutto il sub di navigazione potrebbe usare un po 'di pulizia. Invece di

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

Si dovrebbe avere qualcosa come avere:

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