Olga Grabek

Olga Grabek Senior Software
Engineer

Temat: Bootstrap carousel - problem z transition pod Firefox

Mam problem z prawidłowym działaniem transition pod Firefox. Kod jest tutaj:

jsfiddle

Korzystam z Twitter Bootstrap carousel. Przerobiłam to trochę, tak, że na slajdach wykonywany jest fadeIn i fadeOut. Bootstrap wykorzystuje do tego transition w css.

Po kliknięciu w nawigację aktywny slajd (ma klasę 'active') dostaje dodatkowo klasę left/right (w zależności od tego, który link klikamy). Slaj, który ma się pojawić dostaje klasę next oraz klasę left/right.

Transition na slajdzie aktywnym wykonuje się bezproblemowo. Obrazek ma ładny fadeOut a opis wyjeżdża do prawej strony.

Problem pojawia się w przypadku slajdu, który dopiero co ma się pojawić, a dokładnie problem jest z opisem. Pod Chrome opis ładne wjeżdża od góry, natomiast pod FF opis po prostu nagle się pojawia, tak jakby transition w ogóle się nie wywoływało. Slajd po zakończeniu transition dostaje klasę active, natomiast usuwana jest klasa next oraz right/left. (wszystko standardowo tak jak w Bootstrap).

Macie jakiś pomysł, co tutaj może być źle?Olga Grabek edytował(a) ten post dnia 18.10.12 o godzinie 22:09