워드프레스 레이어 슬라이더 ( Layer Slider ) 텍스트 줄바뀜 오류 ( 익스플로러 IE )

레이어 슬라이더 텍스트 줄바뀜 오류 ie

워드프레스 슬라이더 플러그인 중에서 레이어 슬라이더나 레볼루션 슬라이더가 가장 많이 이용되고 있습니다. 그런데 가끔씩 슬라이더의 텍스트나 문장의 줄바뀜이 익스플로러 (IE) 에서 이상하게 나올 때가 있습니다. 크롬이나 파이어폭스에서는 이상이 없는데, 익스플로러에서 단어별로 끊기거나 랜덤하게 줄바뀜이 일어나는 현상이 있습니다. 이 증상 때문에 수정 의뢰를 주신 분들이 계셔서 증상의 원인을 찾아봤더니 대부분 오프닝 텍스트 트랜지션 효과 ( Opening Text Transition ) 때문이었습니다.

레이어 슬라이더 트랜지션 텍스트 줄바뀜 오류 ie

레이어 슬라이더 텍스트  트랜지션 줄바뀜 오류 ie

크롬이나 파이어폭스가 대부분의 애니메이션 효과 ( 트랜지션 ) 를 지원하는 반면 익스플로러는 아직 지원하지 않는 애니메이션 효과가 많이 있어서 그로 인해 텍스트 오류가 발생이 되는데, 주로 아래 텍스트 등장 효과에 의한 것입니다.

  • lines ascending
  • lines descending
  • lines random
  • lines center to edge
  • lines edge to center
  • words ascending
  • words descending
  • words random
  • words center to edge
  • words edge to center

아래 애니메이션 ( 트랜지션 ) 효과에서는 에러가 발생하지 않았습니다.

  • chars ascending
  • chars descending
  • chars random
  • chars center to edge
  • chars edge to center

 

아직까지 익스플로러에서는 지원하지 않는 트랜지션 효과들이 많이 있으니 정말 필요한 경우가 아니라면 가능하면 텍스트 효과 사용은 지양하는 것이 좋습니다. 이 효과만 비활성화해주거나 지원하는 효과로 수정해주니 정상적으로 작동이 되었습니다.

Write a comment