제목 | CI로 무한스크롤 구현하기 | ||
---|---|---|---|
글쓴이 | 닥스훈트 | 작성시각 | 2012/11/25 11:56:25 |
|
|||
// 사진 더 불러들이기 함수 function call_more_photos(){ if(loaded_photos < num_photos-15){ //읽혀진 사진의 숫자 < 전체 사진 숫자-15(한번씩 읽어드릴 사진 수), 마지막페이지 검출 loaded_photos += 15; $('div#lastPostsLoader').html('<center><img src="/asset/image/loader.gif"/></center>'); //데이터 로딩 이미지 부름 $.get('/index.php/pboard/get_more_photos/' + loaded_photos, function(data){ if(data != ""){ $('#container').append(data); set_elements(); } $('div#lastPostsLoader').empty(); }); } if(loaded_photos >= num_photos - 15){ $('#more_button').hide(); } }이건 자바스크립트 부분이 일단 핵심이고.. /index.php/pboard/get_more_photos/+ loaded_photos이 부분이 스크롤이 내려가면 추가로 불러들여져서 특정 div 에 append 되는 식입니다. + loaded_photos 이것은 추가로 불러들여질 레코드 갯수인데 CI의 페이지 네이션에서 $config['per_page'] = 부분에서 조절하시면 되고요. |
|||
다음글 | codeigniter 에서 minify 구현하기 (4) | ||
이전글 | 익명 함수를 아시나요? (8) | ||
리누스토발즈
/
2014/01/25 22:43:31 /
추천
0
감사합니다!
|