jQuery 커버플로우

Notice - data-role=page 처럼 event 를 페이지 전체를 줄 수 있고 div 영역으로 줘서 영역에서만 이벤트를 발생시킬 수 있습니다.
아래 소스는 자바스크립트 배열에 이미지 정보를 전부 넣은다음 커버플로우로 이미지 바꾸는 샘플 소스 입니다.

$("[data-role=page]").bind("swipeleft", function (event)
  {
   imgNum++;
   if (imgNum > cnt-1){
    imgNum = 0;
   }
   // id 값으로 이미지를 바꿈
    $('#imgSrc').attr('src', imgArr[imgNum]);
   changeBtn(imgNum);
  });

  // 오른쪽 액션 콜백
  $("[data-role=page]").bind("swiperight", function (event)
  {
   imgNum--;
   if (imgNum < 0){
    imgNum = cnt-1;
   }
    $('#imgSrc').attr('src', imgArr[imgNum]);
    changeBtn(imgNum);
  });