Comment fermer une image sur une touche d'échappement, appuyez sur?

Question

J'utilise une image exploser simplement avec une image de superposition et l'image principale. le gonflement s'ouvre quand on clique sur la petite image et si on clique sur l'image agrandie, alors elle se ferme. Maintenant, je veux que ça se ferme sur la touche ecs.

comment puis-je faire ça ???

échantillon

de mon code est: -

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'; 
} 

Answer 1

Ajouter ce où il convient le mieux:

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

Changement window.close(); pour détruire ou masquer votre balise <div> contenant l'image surrégime.

Answer 2

En outre, vous fermez la fenêtre et seul le div doit être masqué. esc ne fonctionne que lorsque l'image est montré (a l'affichage est bloc)

<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>