Подтвердить что ты не робот

Flexslider показывает только последний слайд, пока он не прокручивает все слайды, но только с анимацией затухания

У меня есть я в тупике. Я использовал Flexslider без проблем много раз, но с сайтом, который я сейчас создаю, он просто отказывается работать должным образом.

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

Я пробовал всевозможные вещи, уменьшая его, но могу, кажется, понять это. Единственное, что меняет это поведение, - это изменить анимацию на слайд, а не исчезать. Но я определенно хочу исчезнуть. И я определенно хочу понять, почему это происходит.

Кажется, что это может быть проблема с CSS, но я не могу ее найти.

Вот о чем я работаю: http://www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/

EDIT:

Я сделал несколько супер-сокращенных тестовых примеров: только базовый HTML, загруженный Flexslider CSS/JS и jQuery, ничего больше, и ошибка сохраняется.

С анимацией затухания имеет ошибку: http://www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/wp-content/themes/coppercity/test-fade.html

РЕДАКТИРОВАТЬ 2

Я идиот. Я изменил имя класса контейнера с "flexslider" на "hero", но не обновил flexslider.css, чтобы это отразить. [Вздох]

Спасибо, что посмотрели.

4b9b3361

Ответ 1

user1910673 понял это правильно!

следующий CSS..

.slides li {display:none}

.. исправлено мое угасание!

Жаль, что я не смог бы поддержать, но не имел 15 репутации.

Ответ 2

У меня была эта проблема, но это не было связано с моим css. Я нашел эту статью полезной:

http://processwire.com/talk/topic/2283-solving-the-annoying-flexslider-fade-delay/

В нем говорится, чтобы установить "slideToStart" на ваш последний слайд. то есть. Если у вас есть 7 слайдов, тогда запустите его в 6. Это исправило мою проблему.

Это не идеальное решение, но оно сработало для моих целей.

EDIT:

Извините, лучше было убедиться, что мои слайды отображались: none

Тогда неважно, какой слайд вы начинаете.

так получается, что это был мой css.