페이드인 기능을 넣으려면 어떻게 해야할까요?
본문
http://jsfiddle.net/ns8818d9/2/
딱 완벽하게 정리되어 있는 코드를 찾았는데
setInteval 넣으니 기능이 멈춰버려서요..
슬라이드 말고 페이드인으로 쓰고 싶으면
자스부분을 어떻게 변경해야 할까요..?
고수님들 도움 부탁드립니다.ㅠ
답변 3
직접 짠 슬라이드 코드보단 라이브러리를 쓰시는걸 추천드려요
https://codepen.io/coded_fae/pen/GRqGGQo
꼭 위의 코드를 쓰셔야겠다면 slideMove 이 함수에서 슬라이드 이동 전 이벤트를 만드셔야 할거같아요
슬라이드 이동전: 액티브될 차례의 슬라이드를 페이드아웃시킴 ->슬라이드 이동: 페이드아웃된 액티브될 슬라이드를 페이드인 시킴
이렇게 로직을 수정하셔야하는데.. 그럼 이동 전 함수를 먼저 실행하고 그에 대한 콜백으로 슬라이드 이동을 시키셔야할꺼에요 첨부로 계속 인피니티 이동이나 자동슬라이드를 하신다면 재귀함수도 생각해보시는게 좋을거같아요
슬라이딩은 하나의 레이어를 가지고 포지션 이벤트를 주는 것이고
페이드는 하나의 레이어가 아니라 두개의 레이어를 가지고 상위에 페이드 하위에는 포지션 이벤트 를 주는 식이라 이 소스에서 수정하여 코드를 짜려면 단순 답변으로 드리기에는 시간이 많이 걸립니다.
제 코드는 질문한 코드와는 다른 방식이라 두개를 혼합해서 쓸 수는 없습니다.^^
답변을 작성하시기 전에 로그인 해주세요.