묻고답하기
페이지 넘김을 매끄럽게 하는 법
2016.12.08 15:43
음.. 어떻게 설명해야할지 모르겠지만 설명해보겠습니다.
index에서 다음 페이지로 넘어갈때 슬라이드쇼 처럼 매끄럽게 (페이드인아웃) 넘어가게 하고 싶은데
홈페이지에 전체적으로 적용해주려면 쿼리를 활용해야하죠?
어떤 메뉴를 눌러도 페이드인아웃으로 넘어가게 하고 싶어요, 이거처럼 http://imfranbang.wixsite.com/mysite
쿼리는 잘 모르는 지라 소스 구경이라도 해가면서 단순하게라도 만들어보고 싶은데
뭐라고 검색하면 구글이나 포털에서 오픈 소스를 확인할 수 있나요?
댓글 3
-
아하 그렇군요. 소스만 보면 대강 따라할 수 있긴 한데. 예시 사이트 말고도 단순하게 페이지 넘김을 만들 수 있는 코드는 없을까요? 자바 공부를 더해야 하긴 하지만 단순하게라도 구현해보고 싶네요^^;
-
보통 저런 식의 매끄러운 넘김을 비동기식 로드(ajax)라고 부르는데, React.js를 이용하지 않아도 javascript 상에서 ajax를 구현할 수 있습니다. (검색을 해보시면 자료가 많습니다.) 다만, xe에서는 구조적인 특징이 있어서 xe 구조에 대한 이해 + ajax 관련 지식이 있어야 정밀한 형태로 구현이 가능한 것으로 알고 있습니다. (덧붙여 java랑 javascript는 완전히 다른 것이기 때문에 자바스크립트라고 다 얘기해주셔야 돼요^^)
최대한 단순하게 접근하자면 jQuery의 load() 함수를 이용해도 괜찮을 것 같은데, 웹마스터 팁에 올라온 https://www.xpressengine.com/tip/22246337 글을 참고해 보세요. 제대로 작동하는지에 대한 여부는 확인해 보지 못했습니다.
예시 사이트는 React.js를 사용해서 구성한 듯합니다. javascript에 대해서 잘 모르시면 아마 어려우실 듯합니다.