2010-07-30 8 views
0

오버레이 이미지와 주 이미지를 사용하여 간단하게 이미지를 사용하고 있습니다. 우리가 작은 이미지를 클릭하면 위로 날려 버린다. 그러면 opnend를 클릭하면 이미지가 날려 버린다. 이제는 ecs 키를 눌러 닫아야합니다.이스케이프 키를 눌렀을 때 이미지를 닫는 방법?

나는 어떻게 할 수 있습니까 ??? 내 코드의

샘플은 다음과 같습니다 -

function Blowups(arrs,flag,nums,img_nm) 
{ 
var h = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop; 
var pheight = document.getElementsByTagName('html')[0].scrollHeight; 
var myHeight = document.documentElement.clientHeight; 
var div1 = document.getElementById('mrgn'); 
var div2 = document.getElementById('div_disp'); 
var prev=''; 
var nxt=''; 
var scr2=''; 
var scr3=''; 
    var imgs=arrs.split(','); 
    var i=(flag)-1; 
    var k=0; 
    var m=0; 
    src1='http://www.a.in/im/'+imgs[i]; 
      if(flag != 1) 
       prev="<a href=\"blah blah\">&laquo; Prev</a>"; 
      if(flag != nums) 
       nxt="<a href=\"blah blah\">Next &raquo;</a>"; 
document.getElementById('blah blah').innerHTML='<td><img src='+src1+'><div><p>'+nxt+'</p><p>'+prev+'</p></div></td>'; 
div2.className ='blah blah';div2.style.height =pheight+'px'; 
div1.style.marginTop =h+'px';div1.style.height =myHeight+'px'; 
} 

답변

4

것이 가장 적합 어디이 추가

<script type="text/javascript"> 
window.onkeyup = function (event) { 
    if (event.keyCode == 27) { 
    window.close(); 
    } 
} 
</script> 

파괴 또는 불어-이미지가 포함 된 <div> 태그를 숨길 window.close();을 변경합니다.

+0

(디스플레이 블록이있다)와 IE를 위해 이런 식으로 뭔가있을거야 작동합니다 - document.onkeypress = 기능 (이벤트) { 경우 (이벤트 == 정의되지 않은) {event = window.event; } if (event.keyCode == 27) { document.getElementById ('something'). display = 'none'; } } – developer

0

또한 창을 닫으면 div 만 숨겨야합니다. 이미지가 보여 때 ESC는

<script type="text/javascript"> 
    window.onkeyup = function (event) { 
     if (event.keyCode == 27 && document.getElementById('blah blah').display='block') { 
      document.getElementById('blah blah').display='none'; 
     } 
    } 
</script> 
관련 문제