Fotorama is unmaintained! Fork away

Keyboard

Turn on keyboard navigation with the arrows by adding data-keyboard="true":

<div class="fotorama"
     data-keyboard="true">
  <img src="1.jpg">
  <img src="2.jpg">
</div>

Keyboard example (new window):

Press and on the keyboard:

More keys

Enable space, home, end, up, and down keys if you want, pass the object into data-keyboard:

<div class="fotorama"
     data-keyboard='{"space": true, "home": true, "end": true, "up": true, "down": true}'>
  <img src="1.jpg">
  <img src="2.jpg">
</div>