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