title: How to use the esc key to close lightbox page overlay
body: <p>I have a question about a lightbox see <a href="http://jsfiddle.net/sambodhiprem/R9RGJ/4/" rel="nofollow">my jsFiddle</a>.
  Clicking on one of the images opens a bigger version of the painting as a page overlay.</p>
  
  <p>How to use the <kbd>ESC</kbd> key to close this page overlay?</p>
  
  <p>And how to use the arrow keys to move to the next image?</p>
  
  <p>What kind of jQuery plugin / javascript would I need to make this happen?</p>
  
  <pre><code>&lt;ul class="lb-album"&gt;
  
                      &lt;li&gt;
                          &lt;a href="#Fly-My-Pretties-Walled-Garden"&gt;
                              &lt;img src="http://sandipa.com.au/images/works-for-sale/thumbs/Fly-my-Pretties-Walled-Garden-sm.jpg" alt="Fly My Pretties: Walled Garden"&gt;
                              &lt;span&gt;Fly My Pretties&lt;/span&gt;                        &lt;/a&gt;
            &lt;div class="lb-overlay" id="Fly-My-Pretties-Walled-Garden"&gt;
                              &lt;a href="#page" class="lb-close"&gt;x Close&lt;/a&gt;
                              &lt;img src="http://sandipa.com.au/images/2010-2011/1000px-wide/Fly-my-Pretties-Walled-Garden.jpg" alt="Fly My Pretties: Walled Garden"&gt;
                              &lt;div&gt;
                                  &lt;h3&gt;Fly My Pretties: Walled Garden&lt;span&gt;mixed media on canvas&lt;/span&gt;&lt;/h3&gt;
                                  &lt;p&gt;72 x 137 cm&lt;/p&gt;
                                  &lt;a href="#Light-that-Shapes-the-Shadows" class="lb-prev"&gt;Prev&lt;/a&gt;
                                  &lt;a href="#Central-Highlands-Circle-of-Gold" class="lb-next"&gt;Next&lt;/a&gt;                            
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
  
  &lt;li&gt;
                          &lt;a href="#Central-Highlands-Circle-of-Gold"&gt;
                              &lt;img src="http://sandipa.com.au/images/works-for-sale/thumbs/Central-Highlands-Circle-of-Gold-sm.jpg" alt="Central Highlands: Circle of Gold"&gt;
                              &lt;span&gt;Circle of Gold&lt;/span&gt;                     &lt;/a&gt;
            &lt;div class="lb-overlay" id="Central-Highlands-Circle-of-Gold"&gt;
                              &lt;a href="#page" class="lb-close"&gt;x Close&lt;/a&gt;
                              &lt;img src="http://sandipa.com.au/images/works-for-sale/Central-Highlands-Circle-of-Gold.jpg" alt="Central Highlands: Circle of Gold"&gt;
                              &lt;div&gt;
                                  &lt;h3&gt;Central Highlands: Circle of Gold&lt;span&gt;mixed media on canvas&lt;/span&gt;&lt;/h3&gt;
                                  &lt;p&gt;51 x 108 cm&lt;/p&gt;
                                  &lt;a href="#Fly-My-Pretties-Walled-Garden" class="lb-prev"&gt;Prev&lt;/a&gt;
                                  &lt;a href="#Guardian-of-the-Night" class="lb-next"&gt;Next&lt;/a&gt;                           
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>