2012-12-14 10 views
13

Ten mnie mnie zaskoczył. Użyłem Flexslidera bez problemów wiele razy, ale ze stroną, którą teraz buduję, po prostu odmawia ona poprawnej pracy.Flexslider pokazuje tylko ostatni slajd, dopóki nie przejdzie przez wszystkie slajdy, ale tylko z zanikaniem animacji

Ostatni slajd po załadowaniu będzie widoczny i pozostanie widoczny, dopóki nie przejdzie przez wszystkie z nich, w którym to momencie rzeczy zaczną działać poprawnie.

Próbowałem różnych rzeczy, zmniejszając go, ale może, t wydaje się, że to. Jedyną rzeczą, która zmienia to zachowanie, jest to, że zmieniam animację na ślizgową zamiast zanikać. Ale zdecydowanie chcę zniknąć. I zdecydowanie chcę zrozumieć, dlaczego tak się dzieje.

Wygląda na to, że może to być problem z CSS, ale nie mogę go znaleźć.

Oto, co pracuję nad: http://www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/

EDIT:

Zrobiłem parę super obniżona przypadków testowych, z zaledwie podstawowym HTML, Flexslider CSS/JS i jQuery bycia załadowany, nic więcej, a błąd nadal występuje.

Z animacją blaknięcie, ma problem: http://www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/wp-content/themes/coppercity/test-fade.html

EDIT 2

jestem idiotą. Zmieniłem nazwę klasy kontenera z "flexslider" na "hero", ale nie zaktualizowałem pliku flexslider.css, aby to odzwierciedlić. [westchnienie]

Dzięki za spojrzenie.

+0

Oto link do wersji slajdów, który wydaje się działać dobrze: http: //www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/wp-content/themes/coppercity/test-slide.html –

Odpowiedz

5

Miałem ten problem, ale nie miało to związku z moim css. Znalazłem ten artykuł pomocne:

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

mówi ustawić „slideToStart” do ostatniego slajdu. to znaczy. Jeśli masz 7 slajdów, to zacznij od 6. To naprawiło mój problem.

Nie jest to idealne rozwiązanie, ale zadziałało dla moich celów.

EDIT:

Niestety, lepiej poprawka została upewniając się, że moje slajdy miał display: none

to nie ma znaczenia, co slajd, który rozpocznie się.

Okazuje się, że to było moje css.

13

użytkownik1910673 dobrze!

następujące CSS ..

.slides li {display:none} 

..fixed mój zanik problemu!

Chciałbym móc przegłosować, ale nie mam 15 reputacji.

+0

W najnowszych wersjach display: block; jest dodawany za pomocą JS do slajdów, więc to rozwiązanie może, ale nie musi działać. – Dylan

Powiązane problemy