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

[해피CGI][cgimall] jquery stripe Ver1.0 본문

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

[해피CGI][cgimall] jquery stripe Ver1.0

해피CGI윤실장 2016. 10. 26. 10:54

* jquery stripe

- 책갈피 형식의 jquery 갤러리 입니다



* 사용법

- 다운로드 받은 압축파일을 해제후 src 폴더를 보면 jquery.stripe.js 파일있으며
index.html 파일을 웹에서 실행하면 아래와 같은 책갈피 갤러리가 확인가능합니다






jquery stripe 에 대한 호출은 아래와 같이 할 수 있다





옵션은 다음과 같다


ms {Number}: 전환되는 이미지 애니매이션의 길이
delay {Number}: 전환될때의 지연되는 시간
automatic {Boolean}: 갤러리가 자동으로 재생되는지 여부
min-width {Number}:  이미지의 최소 폭
buttons {Boolean}: 컨트롤ㄹ을 위한 마크업을 렌더링 할 수 있는지 여부



* 참고사항

- 갤러리의 높이가 작은 이미지의 높이에 의해 결정
- 이미지는 비례 아래에 맟게, 그리고 이미지 품질을 유지하기 위해 조정
- 가로세로 이미지 조합하여 사용
- 탐색버튼, 자동애니메이션 설정사용 가능
- 오토 애니메이션 타이머 사용 및 마우스를 올릴 경우 일시정지 및 활성화 가능



* 샘플코드





 

 

 

홈페이지바로가기 

Comments