Witam,

Mam pasek poziomy ze zdjęciami:

<div class="pasek">
<div class="fotka"></div>
<div class="fotka"></div>
<div class="fotka"></div>
<div class="fotka"></div>
</div>

W JS przesuwam ten pasek w lewo i w prawo ustawiając wartość left. Sama
animacja zachodzi dzięki CSS.

.pasek {
transition-property: left;
transition-duration: 1s;
}

Ostatnie zdjęcie jest takie samo jak pierwsze po to aby uzyskać efekt
zapętlenia w trybie "auto". No i teraz powstaje kłopot. Gdy pojawi się
ostatnie zdjęcie i chcę szybko wrócić do left: 0 (udając tym samym, że
nic się nie zmieniło), to dzieje się to płynnie, nawet jeśli ustawię na
chwilę transition-property: none. No chyba, że ustawię tą wartość z
dużym wyprzedzeniem czasowym, co nie wchodzi w grę. Natomiast ustawienie
w/w wartości tuż przed left:0 jest ignorowane - przynajmniej pod IE11.
Czy wiecie o co chodzi i jak to obejść bez robienia animacji przesuwu w JS?

--
Pozdrawiam
Marek