페이지 전환시 패럴랙스 기능 질문있습니다!

Question

강사님이 강의 잘 보고 있습니다 !! 제가 그 씨디 관련 파트에서 응용해서 cd랑 커버가 밑에 next 버튼 클릭할 때 바뀌는데 바뀌면서 텍스트가 올라오고 버튼을 한 번 더 누르면 기존 텍스트는 없어지고 다른 텍스트가 올라오는 방식으로 구현을 해보려고 하는데 방법이 있을까요??

코딩일레븐 · Answer

1번 같은 경우는 지금 스크립에 그대로 하나만 더 추가해주시면 될 것 같은데요. 움짤 div를 4개 넣어주시고 cd 바뀔때 같이 바꿔주시면 됩니다. 위치는 absolute로 빼서 잡아 주시면 될 것 같고요. imgWrap div 하나 따로 만드셔서 그 안에 4개의 움짤을 넣어주셔도 되겠네요. _ 2번은 pageNum 이 3이 되면 header를 show 해주시면 됩니다. css로 해도 될 것 같아요. header.classList.add("active") 이런식으로요. if(pageNum == 3) { header.classList.add("active") }else{ header.classList.remove("active") } 물론 css에도 작성을 해주셔야겠죠

코딩일레븐 · Answer

cd랑 커버는 그대로 있는 상태에서 텍스트만 바뀌면 된다는 말씀이신가요? 아니면 cd + text가 셋트로 같이 바뀌는건가요? (cd 하나당 텍스트가 2개?) 원하시는 구조를 스케치를 해서 첨부해주시면 더 이해가 빠를 것 같아요.