Изображения в слайдере jQuery Nivo нежелательно появляются при загрузке

Question

Итак, я работаю над сайтом, где я внедрил ползунок Nivo, и у меня проблема в том, что когда моя страница загружается (свежая или после кэширования), все изображения отображаются прямо вниз по странице и когда страница полностью загружается, затем изображения исчезают и начинается анимация слайдов.

Проверьте это здесь, в верхней части страницы, где меняются изображения. Когда страница загрузится, вы увидите изображения, которые должны быть скрыты, появляются, а затем исчезают на слайде.

http://www.bandofthedark.com/

Я тестировал на нескольких браузерах и т. Д.

Answer 1

Применить дисплей: нет; для всех ваших изображений, кроме первого.

например:

<img src="imgs/botdEVENTone.jpg" width="820" height="300" style="display: none;" />

Answer 2

проблема решена!в стиле div слайдера обязательно установите высоту ваших изображений и установите переполнение div на скрытый

#slider {
  height: 300px; 
  overflow: hidden; 
}

Answer 3

Если вы внедряете это в WordPress, вы просто добавляете display: none в тег li.

<li style="display:none;"> </li>