일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- #이미지
- CSS
- #CSS
- 웹솔루션
- 게시판
- 홈페이지제작
- 해피씨지아이
- happycgi
- #업종별
- #뉴스
- 홈페이지
- 쇼핑몰
- jquery
- #image
- #쇼핑몰
- 해피CGI
- #홈페이지
- #솔루션
- php
- #동영상
- #홈페이지제작
- CGIMALL
- #cgimall
- #웹솔루션
- #jQuery
- 솔루션
- javascript
- #happycgi
- #해피CGI
- 사이트제작
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jquery Freezeframe.js Ver4.0.0 본문
* Freezeframe.js
Freezeframe.js는 애니메이션 .gif를 일시 중지하고 마우스 오버 / 마우스 클릭 / 터치 이벤트에서
애니메이션을 적용하거나 수동으로 트리거 할 수있게 해주는 라이브러리입니다
* License
MIT License
* 사용방법
첨부된 압축파일을 다운로드하여 적용할 디렉터리에 압축을 해제합니다
Freezeframe 을 적용할 html 파일을 열어 js파일을 호출합니다
적용할 gif 애니메이션 파일을 img 태그로 호출하고 class 명을 지정한후
아래와 같이 스크립트를 호출하여 적용할 수 있습니다
위와 같이 적용하였을때에 이미지 클릭을 통한 애니메이션 작동여부를 확인하실 수 있겠으며
코드의 적용 샘플을 확인하실 경우 첨부된 파일중 freezeframe.js-master/docs/index.html 을
웹브라우저로 실행하여 살펴보시고 코드도 참고하시면 좋을것으로 생각됩니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 자동 탭 핀코드(Pincode) JQuery 플러그인 - PincodeAutotab (0) | 2019.08.30 |
---|---|
[해피CGI][cgimall] Fully Customizable Organisational Chart Plugin With jQuery - OrgChart (0) | 2019.08.29 |
[해피CGI][cgimall] 브라우저 대화창 및 알림창 소스 alertifyjs (0) | 2019.08.23 |
[해피CGI][cgimall] Auto Typer JS Ver1.0.1 (0) | 2019.08.22 |
[해피CGI][cgimall] Create Custom Video/Audio Player Controls - mediaStyler (0) | 2019.08.12 |
Comments