jQuery Fading Opacidad Problema

Question

Para un cliente, intento para conseguir este sitio para trabajar en IE y otros navegadores web (actualmente sólo funciona en Safari y Firefox para Mac): http://www.randomscripts.net/think_company_world/main.php estoy usando funciones fadeIn y fadeout de jQuery en las imágenes para desplazarse a través de en el fondo. Por cada lado de otro navegador de los anteriores, que simplemente muestra un cuadro negro sobre el contenido. Estoy pensando que puede tener que ver con la opacidad:. Propiedad CSS, pero no estoy muy seguro

Si alguien puede echar un vistazo, yo lo agradecería muchísimo.

Answer 1

Parece estar funcionando bien para mí (Chrome, Internet Explorer 8 y Firefox 3. bajo Vista).

¿Está seguro que las imágenes están teniendo tiempo para cargar? Cómo se obtiene el mismo problema si cambia el tamaño de las imágenes a 100x100 y volver a ejecutar el script?

Otros pensamientos

Recibo un error en la línea 320 (sub opciones para nav 6), ya que no tiene ningún elemento de la página con un id de nav6_sub por lo que pueden estar causando problemas para usted.

Usted está duplicando una gran cantidad de código de esa página (que está copiando y pegando o de que éste crea en el interior de un bucle?), Probablemente debería mirar a la creación de un plugin de jQuery o algo así. Siempre he encontrado esta página para ser útil (así como la documentación de jQuery, por supuesto): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Además, es probable que no relacionado, pero su HTML en torno a la navegación sub podría utilizar algo de limpieza. En lugar 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>

Usted debe tener algo como tener:

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