Проблема с непрозрачностью jQuery

Question

В качестве клиента я пытаюсь заставить этот сайт работать в IE и других веб-браузерах (в настоящее время работает только в Safari и Firefox для Mac): http://www.randomscripts.net/think_company_world/main.php Я использую функции FadeIn и FadeOut JQuery для изображений, чтобы циклически перемещать их в фоновом режиме.Любой другой браузер, кроме перечисленных выше, просто отображает черный прямоугольник поверх содержимого.Я думаю, что это может быть связано с непрозрачностью:CSS-свойство, но я не совсем уверен.

Если кто-нибудь сможет взглянуть, я был бы очень признателен.

Answer 1

Кажется, у меня все работает нормально (Chrome, IE8 и Firefox 3.под Вистой).

Вы уверены, что изображения успевают загрузиться?Возникнет ли у вас та же проблема, если вы измените размер изображений до 100x100 и перезапустите скрипт?

Другие мысли

Я получаю сообщение об ошибке в строке 320 (дополнительные параметры для навигации 6), поскольку на странице нет элемента с идентификатором nav6_sub, поэтому это может вызвать у вас проблемы.

Вы дублируете много кода на этой странице (вы копируете и вставляете или создаете его внутри цикла?), вам, вероятно, следует подумать о создании плагина jQuery или чего-то еще.Я всегда находил эту страницу полезной (как и, конечно, документацию по jQuery): http://www.learningjquery.com/2007/10/a-plugin-development-pattern

Кроме того, это, вероятно, не связано, но ваш HTML-код дополнительной навигации нуждается в некоторой очистке.Вместо

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

У вас должно получиться что-то вроде:

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