jQuery desvanecimento Opacidade Problem

Question

Para um cliente, eu estou tentando obter este site para o trabalho no IE e outros navegadores da web (atualmente só funciona no Safari e Firefox para Mac): http://www.randomscripts.net/think_company_world/main.php Eu estou usando funções fadeIn e fadeOut do jQuery nas fotos para ciclo-los completamente no fundo. Para todos os outros navegadores além dos listados acima, ele simplesmente exibe uma caixa preta sobre o conteúdo. Estou a pensar que ele pode ter a ver com a opacidade:. Propriedades CSS, mas não tenho a certeza

Se alguém poderia dar uma olhada, eu realmente aprecio isso.

Answer 1

Parece estar funcionando bem para mim (Chrome, o IE8 e Firefox 3. sob Vista).

Você tem certeza de que as imagens são ter tempo para carregar? Você recebe o mesmo problema se você redimensionar as imagens para 100x100 e re-executar o script?

Outros pensamentos

Estou recebendo um erro na linha 320 (sub opções para nav 6) porque você não tem nenhum item na página com um id nav6_sub modo que pode estar causando problemas para você.

Você está duplicando um monte de código na página (você está copiando e colando ou tê-lo criado dentro de um loop?), Você provavelmente deve olhar para criar um plugin jQuery ou algo assim. Eu sempre achei esta página para ser útil (bem como os docs jQuery é claro): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Além disso, é provavelmente não relacionado, mas o seu HTML em torno da sub navegação poderia usar alguma limpeza. Em vez 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>

Você deve ter algo parecido ter:

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