스크롤 내리면 다음 내용 자동으로 불러와지는 방법
본문
그냥 간단한 홈페이지인데
갤러리 게시판의 사진들을
홈페이지 메인화면에 최근게시물로 뿌려주고
스크롤을 내리면
다음 내용을 자동으로 불러오는거를 시도중인데요...
[제가 찾아본 팁 : http://sir.kr/g4_tiptech/28051 ]
잘 안되서요.
만들고 있는 홈페이지의 메인은 그냥 단순합니다.
최근갤러리만 썸네일로 쭉 뿌려줄려고 합니다.
근데 만약 사진이 10만개라고 한다면 너무 많은데
처음으로 이전 1 2 3 4 5 ... 다음 끝으로
요런 페이징 처리방식말고...
그냥 스크롤 내리면 그다음 내용들이
자동으로 따라락 보이게 하려는데
관련하여 조언 부탁드립니다.
답변 3
https://www.sitepoint.com/jquery-infinite-scrolling-demos/
infinite scroll로 검색해 보시면 결과 많이 나오니 참고해 보시면 될 겁니다.
정말 감사합니다.
님 죄송한데 알려주신 사이트 쭉 봤는데요.
구체적으로 어떻게 적용해얄지 감이 안와서요.
이런저런 시도해보고 되면 답변 다시 올려드릴게요
기본적으로 ajax에대한 이해도가 있으셔야 만드실 수 있을듯 하네요
정말 감사합니다.
꼭 성공하면 글남기도록 할게요.
해결한 방법 정리.
음... 외국소스 찾아봐서 해결했는데요.
원하는 메인화면은 아니지만,
목록페이지에서 인피니트스크롤과 메이슨리를 동시에 해결한 소스입니다.
http://infiniteajaxscroll.com/examples/masonry.html
소스는 깔끔하더라구요.
반복되는 덩어리와 썸네일덩어리만 지정해주고
페이징 둘러싸고 있는 요소명과 페이지 a링크를
span.sound_only+a 이런식으로 형제선택자로 지정해주면
잘 돌아갑니다.
그나저나 메인화면에서는 어찌해주는걸까요?
메인화면에는 최근게시글에 페이징같은게 없고 그냥 지정할 숫자대로
불러와지는 거잖아요. 흠....