zPaging 2.0.2
(jQuery 자동 페이징 플러그인)

소개

당신이 쉽고 빠르게 페이징을 구현할 수 있도록 도와드립니다.
(요구 : jQuery 1.3.x+, Mouse Wheel Extension 2.2+)

사용 방법

  1. 플러그인을 다운로드 받습니다. jquery.zPaging.2.0.2.zip
  2. 압축을 해제한 후 생성된 파일을 웹 사이트에 업로드합니다.
  3. 다음 코드를 웹 페이지에 삽입합니다.
    <script language="text/javascript" src="http://도메인/경로/jquery.zPaging.2.0.2.min.js"></script>
  4. 페이징을 위한 div 태그와 스타일시트(CSS)를 정의합니다.
  5. 밑의 예제 코드를 참고합니다.

기본 형식

간단히 : $("#id").zPaging(total page, link, parameter[, options[, cssClass]]);

상세히 : $("#id").zPaging(total page
		       ,link
		       ,parameter
		       [,{align: value, key: value, movement: value, perPage: value, selectedPage: value, linkWidth: value, linkTitle: value,
		            viewInfo: value, infoTxt: value, goFirstTxt: value, goPrevTxt: value, goNowTxt: value, goNextTxt: value, goLastTxt: value, callBack: value}
		       [,{nowPage: value, normalPage: value, infoPage: value, infoPageFirst: value, infoPagePrev: value, infoPageNow: value, infoPageNext: value, infoPageLast: value}]]);

(*) link - 텍스트 형식 = "./filename.xxx" or "http://도메인/"
(*) link - 자바스크립트 메소드 = 메소드명만 입력. 예) foo
(*) parameter - 텍스트 형식(link = 텍스트일 경우) = "key1=value1&key2=value2&..."
(*) parameter - Obejct 형식(모두 가능) = {key1: "value1", key2: "value2", ...}

옵션 - options

옵션 - cssClass (기본값 없음)

  1. nowPage
  2. normalPage
  3. infoPage
  4. infoPageFirst
  5. infoPagePrev
  6. infoPageNow
  7. infoPageNext
  8. infoPageLast

수정사항

  1. 자식 엘레멘트 체크 방식 수정
  2. 주소창에서 페이지 값 가져오는 정규표현식 수정
  3. selectedPage 옵션 가져올 때 가끔 발생되는 undefined 버그 수정
  4. '$'로 접근하지 않고 'jQuery'로 접근하도록 수정

예제 보기 (selectedPage: 15)

마우스 휠을 이용하여 숫자 부분을 스크롤 하세요.

예제 코드 (<head> 부분)

예제 코드 (<body> 부분)

제작자

닉네임 : Zective
이메일 : zective (at) gmail (dot) com
홈페이지 : http://www.zective.com
트위터 : @zective, @zPaging

zPaging 2.0.2
(jQuery 자동 페이징 플러그인)