SlidesJS를 사용한 슬라이드 효과 깜박임

Question

SlidesJS 슬라이더 예제를 통합 한 간단한 레이아웃이 있습니다. 이제, 이미지로 슬라이드 할 때마다 애니메이션이 깜박이고 버그가 있습니다. 그것은 위치를 완벽하게 번역 할 것입니다.하지만 끝나면 오른쪽으로 조금씩 되돌아 가려합니다.

나는 당신을위한 테스트 케이스를 업로드 한 : http://test-ground.besaba.com/silmond/index.html

inital 예, 그러나 완벽하게 작동합니다. 레이아웃에서 유일한 변경 사항은 슬라이더의 크기입니다. 컨테이너의 너비를 56 %로 설정하고 높이를 400px로 설정했습니다.

이유가 궁금하십니까?

Answer 1

아, 걱정마. 깜박임을 유발 한 원인은 CSS와 자바 스크립트 애니메이션/전환 모두의 인터 칼 레이션 (intercalation)이었습니다.

내 코드에 * { @include transition(all, 0.2s) }과 같은 것을 설정하는 것은 끔찍한 생각이었습니다. 나는 매끄러운 전환을 원할 때마다이 라인을 추가하지 않아도되므로 이것이 간단 할 것이라고 생각했습니다. 그러나 그렇지 않은 것으로 밝혀졌습니다.