최근 게시물 위젯에서 현재 페이지를 보여주는 소스입니다.

최근 게시물 위젯에서 현재 페이지를 보여주는 소스입니다. :)

반복은 안됩니다.

DEMO

http://codepen.io/eond/pen/KdePNV?editors=101

HTML

<span class="id_num">1</span>/3
<div class="btn">
<img style="cursor:pointer" src="http://www.mimint.co.kr/movie_n/images/arrow_btn01.gif" class="btn_prev">
<img style="cursor:pointer" src="http://www.mimint.co.kr/movie_n/images/arrow_btn02.gif" class="btn_next">
</div>

<hr />

<span class="id_num">1</span>/3
<div class="btn">
<img style="cursor:pointer" src="http://www.mimint.co.kr/movie_n/images/arrow_btn01.gif" class="btn_prev">
<img style="cursor:pointer" src="http://www.mimint.co.kr/movie_n/images/arrow_btn02.gif" class="btn_next">
</div>

JS

var page = 1;
var total_page =3;
$(document).on('click','.btn_prev',function(){
  page -= 1;
  if(page<1){
    page = 1;
  }
  $(this).parents('.btn').prev('.id_num').html(page);
});
$(document).on('click','.btn_next',function(){
  page += 1;
  if(page>total_page){
    page=total_page;
  }
  $(this).parents('.btn').prev('.id_num').html(page);
});