Слайдер Nivo ведет себя странно с анимацией fadeIn () jQuery

Question

Базовая структура (ОЧЕНЬ тупо) страницы выглядит примерно так:

<div id="content">
<div id="nivo">
nivo slider here
</div></div>

Я пытаюсь анимировать #content div с помощью чего-то вроде:

$('#content').hide().delay(1500).fadeIn();

Это работает и все, но после этого ползунок Nivo делает некоторые странные вещи и мигает белым каждый раз, когда загружает новое изображение.

Кто-нибудь знает, что не так? Он работает на тему WordPress, поэтому структура страницы довольно жесткая, поэтому я не думаю, что смогу сделать какие-либо обширные изменения в файлах .php (т.е. nivo всегда будет внутри содержимого).

Answer 1

В каком браузере вы видите такое поведение?

Я только что зашел на сайт nivo в Chrome, использовал букмарклет jQueryfy и запустил эту строку на консоли

$("header").hide().delay(1500).fadeIn()

И после того, как все слайдер появляется и показывает изображения, как ожидалось. Возможно, вам следует обрезать код css вокруг этих ваших элементов, чтобы обнаружить дефект.