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

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

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

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

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

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

ИЗМЕНИТЬ:

Я сделал пару суперупрощенных тестовых примеров, в которых загружался только базовый 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, чтобы отразить это. [вздох]

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


flexslider
person Gabriel Luethje    schedule 14.12.2012    source источник
comment
Вот ссылка на слайд-версию, которая работает нормально: coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/wp-content/   -  person Gabriel Luethje    schedule 15.12.2012

Ответы (2)


arrow_upward
13
arrow_downward

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

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

.slides li {display:none}

..исправлена ​​моя проблема с исчезновением!

Я хотел бы проголосовать, но у меня нет 15 репутации.

person Sativa Diva    schedule 27.12.2012
comment
В последних версиях display:block; добавляется с помощью JS на слайды, поэтому это решение может работать или не работать. - person Dylan; 22.01.2014

arrow_upward
5
arrow_downward

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

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

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

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

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

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

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

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

person Will McLean    schedule 17.12.2012