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

[해피CGI][cgimall] jquery Freezeframe.js Ver4.0.0 본문

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

[해피CGI][cgimall] jquery Freezeframe.js Ver4.0.0

해피CGI윤실장 2019. 8. 26. 09:14

* Freezeframe.js

Freezeframe.js는 애니메이션 .gif를 일시 중지하고 마우스 오버 / 마우스 클릭 / 터치 이벤트에서
애니메이션을 적용하거나 수동으로 트리거 할 수있게 해주는 라이브러리입니다



* License

MIT License



* 사용방법

첨부된 압축파일을 다운로드하여 적용할 디렉터리에 압축을 해제합니다

Freezeframe 을 적용할 html 파일을 열어 js파일을 호출합니다

 

 

적용할 gif 애니메이션 파일을 img 태그로 호출하고 class 명을 지정한후
아래와 같이 스크립트를 호출하여 적용할 수 있습니다

 

 

위와 같이 적용하였을때에 이미지 클릭을 통한 애니메이션 작동여부를 확인하실 수 있겠으며
코드의 적용 샘플을 확인하실 경우 첨부된 파일중 freezeframe.js-master/docs/index.html 을
웹브라우저로 실행하여 살펴보시고 코드도 참고하시면 좋을것으로 생각됩니다

 

 

 

홈페이지바로가기

Comments