JQuery 이용한 이미지 rolling

 

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"*/ //라벨(버튼 타입) - 여기는 안쓰임
    }
  );
});

 

참조 : 즐거움을 찾자 Find Fun!

미리보기