웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Backstretch Ver2.0.4 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Backstretch Ver2.0.4

해피CGI윤실장 2017. 3. 6. 09:33
* Backstretch 소개

- Backstretch 는 동적으로 크기를 조정, 슬라이드 쇼를 지원하는 배경 이미지를 추가 할 수있는 간단한 jQuery 플러그인이다.
이미지가 페이지 요소에 맞게 늘어나며, 창크기에 따라 이미지가 리사이징 된다



* License 

- MIT License



* 사용방법

- jquery 라이브러리 1.7 버전 이상 동작되며
다음과 같이 백그라운드 이미지를 호출 할 수 있습니다







버튼을 클릭시 원하는 이미지를 불러올 수 있습니다







이외 아래와 같은 형태로 출력 및 옵션을 조정하여 사용할 수 있습니다

.backstretch("show", n)  - 이미지 위치로 인덱스를 이동
.backstretch("prev") - 이전 이미지를 표시
.backstretch("next") - 다음 이미지를 표시
.backstretch("pause") - 일시중지
.backstretch("resume") - 다시시작
.backstretch("destroy") - Backstretch 인스턴스 제거
.backstretch("resize") - 크기조정



jquery 를 활용한 디자인을 하실때 유용하지 않나 생각됩니다

 

홈페이지바로가기 

Comments