如何使用esc鍵關閉燈箱頁面重疊

Question

我對燈箱有疑問，請參閱my jsFiddle。 點擊其中一幅圖像可以打開一幅更大版本的作爲頁面疊加層的繪畫。如何使用ESC鍵關閉此頁重疊？

如何使用箭頭鍵移動到下一個圖像？

什麼樣的jQuery插件/ JavaScript我需要做到這一點？

<ul class="lb-album"> 

        <li> 
         <a href="#Fly-My-Pretties-Walled-Garden"> 
          <img src="http://sandipa.com.au/images/works-for-sale/thumbs/Fly-my-Pretties-Walled-Garden-sm.jpg" alt="Fly My Pretties: Walled Garden"> 
          <span>Fly My Pretties</span>      </a> 
      <div class="lb-overlay" id="Fly-My-Pretties-Walled-Garden"> 
          <a href="#page" class="lb-close">x Close</a> 
          <img src="http://sandipa.com.au/images/2010-2011/1000px-wide/Fly-my-Pretties-Walled-Garden.jpg" alt="Fly My Pretties: Walled Garden"> 
          <div> 
           <h3>Fly My Pretties: Walled Garden<span>mixed media on canvas</span></h3> 
           <p>72 x 137 cm</p> 
           <a href="#Light-that-Shapes-the-Shadows" class="lb-prev">Prev</a> 
           <a href="#Central-Highlands-Circle-of-Gold" class="lb-next">Next</a>        
          </div> 
         </div> 
        </li> 

<li> 
         <a href="#Central-Highlands-Circle-of-Gold"> 
          <img src="http://sandipa.com.au/images/works-for-sale/thumbs/Central-Highlands-Circle-of-Gold-sm.jpg" alt="Central Highlands: Circle of Gold"> 
          <span>Circle of Gold</span>      </a> 
      <div class="lb-overlay" id="Central-Highlands-Circle-of-Gold"> 
          <a href="#page" class="lb-close">x Close</a> 
          <img src="http://sandipa.com.au/images/works-for-sale/Central-Highlands-Circle-of-Gold.jpg" alt="Central Highlands: Circle of Gold"> 
          <div> 
           <h3>Central Highlands: Circle of Gold<span>mixed media on canvas</span></h3> 
           <p>51 x 108 cm</p> 
           <a href="#Fly-My-Pretties-Walled-Garden" class="lb-prev">Prev</a> 
           <a href="#Guardian-of-the-Night" class="lb-next">Next</a>       
          </div> 
         </div> 
        </li> 

</ul> 

Answer 1

請看看這裏http://code.google.com/p/jquery-lightbox/issues/detail?id=27