이미지 로테이트 제이쿼리

서로 다른 정해진 크기의 이미지가 정해진 영역 내에서 위.아래로 바뀌는 형태의 제이쿼리이다.

마우스 커서를 이용 한 기능도 있지만 위.아래로 바뀌는 형태의 기능이 더 필요 해 응용해서 써봤다.

jquery.banner.js

상단에 위 내용을 넣고

jquery.banner.js 를 읽어 올 수 있도록 한다.

$(function() {
    $("#image_list_1").jQBanner({   //롤링을 할 영역의 ID 값
        nWidth:600,                 //영역의 width
        nHeight:150,                //영역의 height
        nCount:5,                   //돌아갈 이미지 개수
        isActType:"up",             //움직일 방향 (left, right, up, down)
        nOrderNo:1,                 //초기 이미지
        nDelay:2000                 //롤링 시간 타임 (1000 = 1초)
        /*isBtnType:"li"*/          //라벨(버튼 타입) - 여기는 안쓰임
        }
    );
});

위에 내용을 삽입 한뒤 기호에 맞게 사용 하면 되겠다.