TIP게시판

제목 CI로 무한스크롤 구현하기
글쓴이 닥스훈트 작성시각 2012/11/25 11:56:25
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 17000   RSS
// 사진 더 불러들이기 함수
 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
 감사합니다!