짤팁 : 이미지 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개

좋은 소스 공개 해주셔서 감사합니다.^^
@호텔천사 예 감사합니다
감사 합니다.(play=onImg)
@들레아빠 이미지의 경우 하나는 이퀄라이저 등이 음직이는 gif 로 만들고 하나는 고정이미지로 만들면 효과는 더욱 큽니다.
감사합니다!! 굿!
@아이스웨덴™ 어이쿠 감사요
@cemooo 감사합니다
꼬부랑 글씨 내 사슴같은 눈 돌아가겠어요,, ㅎ부러우면 지는건데 이건만은 부럽 부럽~~
@파시아투스 말 그대로 짤팁입니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
3년 전 조회 3,159
3년 전 조회 4,455
3년 전 조회 2,713
3년 전 조회 2,856
3년 전 조회 2,884
3년 전 조회 2,005
3년 전 조회 2,833
3년 전 조회 3,415
3년 전 조회 2,861
3년 전 조회 2,435
3년 전 조회 2,904
3년 전 조회 2,176
3년 전 조회 2,049
3년 전 조회 3,684
3년 전 조회 2,257
3년 전 조회 3,250
3년 전 조회 2,223
3년 전 조회 1,803
3년 전 조회 2,136
3년 전 조회 2,368
3년 전 조회 1,972
3년 전 조회 2,675
3년 전 조회 2,796
3년 전 조회 2,024
3년 전 조회 3,749
3년 전 조회 2,400
3년 전 조회 2,408
3년 전 조회 3,226
3년 전 조회 2,355
3년 전 조회 3,809