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

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

QA

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

본문

그냥 간단한 홈페이지인데

갤러리 게시판의 사진들을

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

스크롤을 내리면 

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

[제가 찾아본 팁 : 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 이런식으로 형제선택자로 지정해주면  

잘 돌아갑니다.

 

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

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

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

답변을 작성하시기 전에 로그인 해주세요.
전체 40
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT