jQuery를 이용한 간단한 Carousel 모듈

jQuery를 이용해서 carousel을 사용할 수 있는 플러그인이 많이 존재하고 있죠

http://www.jssor.com/ 를 들어가면 확인할 수 있습니다.

화려한 것들이 많이 있지만.. 

그냥 간단하게 모듈로 한번 만들어봤어요~ 

생성하게되면 7초마다 자동으로 넘거가게 설정되어 있고

물론 옵션을 통해 자유자제로 통제 가능합니다

2015-05-27일 통제 가능한 옵션

 - auto : 자동으로 슬라이더가 움직이는 여부 (true | false)

 - time : 자동으로 움직일 시 초 단위 (1000 = 1)

 - width : carousel 너비

 - height : carousel  높이

 - selectedSlider : 현재 보여주고 있는 슬라이더 버튼 색 (아래쪽 표시)

 - unselectedSlider : 보여주고 있지 않은 슬라이더 버튼 색

아래와 같이 실행되게 됩니다~ (아래는 아무 옵션도 넣지 않고 기본 값으로 설정한 값입니다.

Title 1

Title 2

Title 3

이 Carousel 소스코드는 github에 올라가져 있으니 사용하시고 싶으신 분은 아래 링크에서 받으시면 되겠습니다 ^^ 

 https://github.com/engintruder/Simplecarousel