// 사진 더 불러들이기 함수
 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'] =

부분에서 조절하시면 되고요.