채택완료

스크롤 내리면 다음 내용 자동으로 불러와지는 방법

그냥 간단한 홈페이지인데

갤러리 게시판의 사진들을

홈페이지 메인화면에 최근게시물로 뿌려주고

스크롤을 내리면 

다음 내용을 자동으로 불러오는거를 시도중인데요... 

[제가 찾아본 팁 : http://sir.kr/g4_tiptech/28051 ]

잘 안되서요.

 

만들고 있는 홈페이지의 메인은 그냥 단순합니다.

최근갤러리만 썸네일로 쭉 뿌려줄려고 합니다.

근데 만약 사진이 10만개라고 한다면 너무 많은데

처음으로 이전 1 2 3 4 5 ... 다음 끝으로

요런 페이징 처리방식말고... 

 

그냥 스크롤 내리면 그다음 내용들이 

자동으로 따라락 보이게 하려는데

관련하여 조언 부탁드립니다.

답변 3개 / 댓글 3개

채택된 답변
+20 포인트

https://www.sitepoint.com/jquery-infinite-scrolling-demos/

infinite scroll로 검색해 보시면 결과 많이 나오니 참고해 보시면 될 겁니다. 

답변에 대한 댓글 1개

정말 감사합니다.
님 죄송한데 알려주신 사이트 쭉 봤는데요.
구체적으로 어떻게 적용해얄지 감이 안와서요.
이런저런 시도해보고 되면 답변 다시 올려드릴게요

해결한 방법 정리.

 

음... 외국소스 찾아봐서 해결했는데요.

원하는 메인화면은 아니지만,

목록페이지에서 인피니트스크롤과 메이슨리를 동시에 해결한 소스입니다.

 

http://infiniteajaxscroll.com/examples/masonry.html 

 

소스는 깔끔하더라구요.

반복되는 덩어리와 썸네일덩어리만 지정해주고

페이징 둘러싸고 있는 요소명과 페이지 a링크를

span.sound_only+a 이런식으로 형제선택자로 지정해주면  

잘 돌아갑니다.

 

그나저나 메인화면에서는 어찌해주는걸까요?

메인화면에는 최근게시글에 페이징같은게 없고 그냥 지정할 숫자대로

불러와지는 거잖아요. 흠....

답변에 대한 댓글 1개

기본적으로 ajax에대한 이해도가 있으셔야 만드실 수 있을듯 하네요

답변에 대한 댓글 1개

정말 감사합니다.
꼭 성공하면 글남기도록 할게요.

답변을 작성하려면 로그인이 필요합니다.