안녕하세요. 제사이트에  그누보드 스킨으로 제가 원하는 스킨으로 변경하는중 입니다..

다 정상적으로 작동하고 있는데 치명적인 오류가 있어서..핀타스타일로 무한스크롤로 페이지가

하단에 스크롤시 나타나는 형식인데다행이 스크롤시 나타나는 부분은 잘나오는데 문제는

이미지를 클릭하면 레이어 팝업이 생기면서 본문의 내용을 불러오게 되어 있습니다.

그런데 본문의 내용을 불러오는 형식이 #info1 ~ #info15 이런식으로

게시글에 자동으로 #info[넘버] 가 나오면서 해당글에 맞는 레이어 팝업이 열리는데

핀타형식으로 2page를 불러오게 되면 #info15 다음인 #info16 ~ #info30 이 뜨는게 아닌

#info1부터 뜨고있습니다. 다행이 이미지는 잘불러오고 단순 링크만 #info1 부터 불러들여

본문으로 이동이나 링크등은 정상 작동하고 레이어팝업이 열리는 #info 부분만 다른 이미지가 뜨고있습니다.

마찬가지로 2page , 3page 로드시에도 무조건 #info1 로 뜨고있습니다.

가능하신분 비용이랑해서 카톡 또는 문자 메일로 보내주세요 ..

[code]

 
<a class="more" href="#info<?=$i+1?>"><?=$img_content;?></a>       
 
  <li id="info<?=$i+1?>">
<?=$list[$i]["wr_content"]?>
  </li>
  [/code]

[code]

<script type="text/javascript">
 $(document).ready(function() {
  //사이드뷰 관련 함수
  var qs_hide = false;
      $('#wookmark1').on("click",".sv_member , .sv_guest",function() {
   $(".sv").removeClass("qs_on");
          $(this).closest(".sv_wrap").find(".sv").addClass("qs_on");
      });
  $('#wookmark1').on("mouseenter",".sv, .title",function(){
   qs_hide = false;
  });
  $('#wookmark1').on("mouseleave", ".sv, .title",function(){
   qs_hide = true;
  });
 
 
  $("#wookmark1").on("focusin",".sv a",function() {
      qs_hide = false;
  });
 
  $("#wookmark1").on("focusout",".sv a",function() {
      qs_hide = true;
  });
  $(document).click(function(){
   if(qs_hide) {$(".sv").removeClass("qs_on");}
  });

  $.fn.hasScrollBar = function() {
      return (this.prop("scrollHeight") == 0 && this.prop("clientHeight") == 0)
              || (this.prop("scrollHeight") > this.prop("clientHeight"));
  };

  var uri = '<?=G5_BBS_URL.'/board.php?bo_table='.$bo_table.$qstr.'&amp;page=';?>';
  var url = uri.replace(/&amp;/g,"&");
  var page = <?=$page;?>;
  var nextPage = page+1;
  var totalPage = <?=$total_page;?>;
  var wookmark1 = new Wookmark('#wookmark1' , {
   outerOffset:0,
   itemWidth:220 });
  //$('#wookmark1 li:not(.empty_list)').click(function(){
  // var page = $(this).data('link');
  // location.href =page;
  //});

  /* 다음페이지 불러오기 */
  function callContents(page) {
   if(nextPage > totalPage) {
                                return page;
                        }else {
                                var npage=page;
    page=page+1;
                                $.ajax({
                                        url:url+npage,
                                        success:function(data) {
                                                var result =$(data).find('#wookmark1').html();
                                                $('#wookmark1').append(result);
      $('.tiles-wrap').removeClass('wookmark-initialised');
                                                var wookmark1 = new Wookmark('#wookmark1' , {
                                                outerOffset:0,
                                                itemWidth:220
                                                });
      $('.tiles-wrap').addClass('wookmark-initialised');

                                        },
     beforeSend:function() {
      $("#loadingImage").css("display","block");
     },
     complete:function() {
      $("#loadingImage").css("display","none");
     },
     error:function(e) {
      alert("통신 실패");
      console.log(e);
     }
                                });
    return page;
                        }
  }

  /* init */
  function addGallery() {
  // console.log("next : "+nextPage +", total : "+totalPage+", scroll : "+$('html').hasScrollBar());
   if( (nextPage > totalPage) || $('html').hasScrollBar() ) {
    clearInterval(galleryInit);
    $("#loadingImage").css("display","none");
   }else {
    nextPage=callContents(nextPage);
    $("#loadingImage").css("display","block");
   }
  }

  /* scrolling 후 다음페이지 불러오기 */
  $(window).scroll(function() {
   if($(window).scrollTop() == $(document).height() - $(window).height()){
    nextPage=callContents(nextPage);
   }
  });

  $("#loadingImage").css("display","block");
  var galleryInit = setInterval(addGallery, 1000);
 });
</script>

[/code]