짤팁 : 이미지 2개 토글버튼 오디오
[code]
<audio id=myAudio src="mp3경로" loop></audio>
<img id=myImg style=cursor:pointer;display:block>
<script>
onImg = "재생이미지경로";
offImg = "정지이미지경로";
function playAudio() {
myImg.src = offImg;
myAudio.play();
}
function pauseAudio() {
myImg.src = onImg;
myAudio.pause();
}
myImg.onclick = function() {
myAudio.paused ? playAudio() : pauseAudio();
}
myImg.src = onImg;
</script>
[/code]
댓글 10개
3년 전
좋은 소스 공개 해주셔서 감사합니다.^^
3년 전
@호텔천사 예 감사합니다
3년 전
감사 합니다.(play=onImg)
3년 전
@들레아빠 이미지의 경우 하나는 이퀄라이저 등이 음직이는 gif 로 만들고 하나는 고정이미지로 만들면 효과는 더욱 큽니다.
아이스웨덴™
3년 전
감사합니다!! 굿!
3년 전
@아이스웨덴™ 어이쿠 감사요
cemooo
3년 전
감사합니다!!
3년 전
@cemooo 감사합니다
파시아투스
3년 전
꼬부랑 글씨 내 사슴같은 눈 돌아가겠어요,, ㅎ부러우면 지는건데 이건만은 부럽 부럽~~
3년 전
@파시아투스 말 그대로 짤팁입니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4427 | ||
| 2694 | 2개월 전 | 197 | ||
| 2693 | 2개월 전 | 155 | ||
| 2692 | 2개월 전 | 163 | ||
| 2691 | 2개월 전 | 178 | ||
| 2690 | 2개월 전 | 330 | ||
| 2689 | 2개월 전 | 241 | ||
| 2688 |
 SIR개발팀 |
2개월 전 | 444 | |
| 2687 | 2개월 전 | 297 | ||
| 2686 |
선택과집중
|
2개월 전 | 334 | |
| 2685 | 2개월 전 | 296 | ||
| 2684 | 2개월 전 | 355 | ||
| 2683 | 3개월 전 | 487 | ||
| 2682 | 3개월 전 | 281 | ||
| 2681 | 3개월 전 | 306 | ||
| 2680 |
선택과집중
|
3개월 전 | 279 | |
| 2679 | 3개월 전 | 334 | ||
| 2678 |
 Xenon54 |
3개월 전 | 432 | |
| 2677 |
Xenon54 |
3개월 전 | 505 | |
| 2676 | 3개월 전 | 331 | ||
| 2675 | 3개월 전 | 308 | ||
| 2674 |
선택과집중
|
3개월 전 | 483 | |
| 2673 |
 ideaman |
3개월 전 | 324 | |
| 2672 | 3개월 전 | 341 | ||
| 2671 | 3개월 전 | 288 | ||
| 2670 | 3개월 전 | 264 | ||
| 2669 | 3개월 전 | 377 | ||
| 2668 | 3개월 전 | 293 | ||
| 2667 |
선택과집중
|
3개월 전 | 489 | |
| 2666 |
선택과집중
|
3개월 전 | 473 | |
| 2665 |
선택과집중
|
3개월 전 | 412 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기