YesYo.com MintState Forums  
뒤로    YesYo.com MintState BBS > Tech > Javascript
검색
멤버이름  오토
비밀번호 
 

 
작성일 : 17-09-26 11:37
GIF 플레이어(제어)
 글쓴이 : MintState
조회 : 73  
IF 플레이어(제어)

가끔씩 gif 를 홈페이지에 넣게 되는데 계속 로테이션으로 플레이 되어 안좋은 때가 있습니다.

그래서 소개해 드릴것이 gifplayer 입니다. jquery 플러그인식으로 작동합니다.
http://rubentd.com/gifplayer
https://github.com/rubentd/gifplayer


Customizable jquery plugin to play and stop animated gifs. Similar to 9gag's. New: Video support (webm, mp4)

###Basic Usage
1. Add a preview of the gif or video file to your website
2. Specify a ‘data-src’ attribute with the path to the animated gif or video, or simply have an image with the same name and the .gif extension in the same folder of the ‘preview’ image
3. Include jquery.js, jquery.gifplayer.js and gifplayer.css on your site
4. Call the .gifplayer() method for the desired images
<img class="gifplayer" src="media/banana.png" />
<script>
	$('.gifplayer').gifplayer();
</script>
첨부 파일
파일 종류: gz gifplayer-0.2.3.tar.gz (202.0K, 0 views)
파일 종류: gz gifplayer-0.3.4.tar.gz (204.9K, 0 views)
Rated 0/5 (0%) (0 Votes)

(\__/)
(='.'=)
(")_(")~
Search Infomation by MintState
MintState

 
 

Total 173
번호 제   목 글쓴이 날짜 조회
173 GIF 플레이어(제어) MintState 09-26 74
172 youtube ID 값 추출 MintState 03-08 507
171 Javascript - 비밀번호 유효성 검사(password validation) MintState 11-14 928
170 하단고정레이아웃 MintState 07-01 1054
169 highcharts MintState 03-05 2091
168 jQuery Masonry 갤러리 리스트 효과 MintState 11-19 3141
167 파이어폭스, IE에 모두 적용되는 iframe 태그 MintState 04-11 8383
166 롤링 위 아래 버튼 적용 MintState 04-06 6280
165 Select 객체 추가 삭제 MintState 07-23 7200
164 숫자에 컴마(,) 쓰고 한글로 숫자 표시 MintState 06-09 6764
163 object 속성보기 MintState 04-29 9019
162 비밀번호 보안등급 체크 (2) MintState 04-29 10032
161 기본 공통 스크립트 MintState 04-16 7502
160 textarea에 줄바꿈 금지와 글자수 제한 MintState 02-17 13452
159 JSON 객체를 String으로 변환하기 MintState 01-19 13868
158 Tooltip 풍선 도움말 MintState 10-27 9583
157 다중 셀렉트 기본 방법 MintState 10-23 7868
156 자바스크립트를 이용한 암호화 MintState 09-01 9028
155 모든 자바스크립트 에러 잠재우기 (에러 디버그) MintState 05-13 8321
154 레이어 팝업 (2) MintState 04-24 8040
 1  2  3  4  5  6  7  8  9  
모바일 버전으로 보기
CopyRight ©2004 - 2017, YesYo.com MintState. ™