epub 이미지 요소 더블클릭시 팝업형식 처리하기

이미지 테그에 더블클릭 Handler Attribute를 추가해준다.

<img src="" ondblclick="location.href=this.src" />

해당 방법으로 하면, 이미지가 팝업 처리된다.

주석의 팝업처리는?

주석<a href="comment.html#section1">(1)</a>

다음과 같이 처리하고, 파일을 넣어주면 처리가 잘 된다.

javascript로 구현하기

<script>

window.onload = function() {

var imgs = document.getElementsByTagName('img');

if (imgs.length > 0) {

for (var i=0; i < imgs.length; i++) {

imgs[i].ondblclick = function () { location.href = this.src; }

}

}

}

</script>