jQuery desvanecimento Opacidade Problem
Pergunta
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.
Solução
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>