diff --git a/resources/public/js/main.js b/resources/public/js/main.js
index 5800c97..c72d6df 100644
--- a/resources/public/js/main.js
+++ b/resources/public/js/main.js
@@ -3,4 +3,19 @@ $(function () {
         var page = $(e.target).val();
         window.location = '/page/' + page;
     });
+
+    $(document).on('keydown', function(e) {
+        switch (e.keyCode) {
+        case 76: // l
+        case 39: // -->
+            var prevUrl = $('#prev-image').attr('href');
+            if (prevUrl !== undefined) window.location = prevUrl;
+            break;
+        case 72: // h
+        case 37: // <--
+            var nextUrl = $('#next-image').attr('href');
+            if (nextUrl !== undefined) window.location = nextUrl;
+            break;
+        }
+    });
 });
diff --git a/resources/templates/detail.html b/resources/templates/detail.html
index 2cf8f57..7f5f9df 100644
--- a/resources/templates/detail.html
+++ b/resources/templates/detail.html
@@ -4,27 +4,28 @@
 
 <div class="btn-group pull-right clearfix" role="group">
   {% if next-image %}
-  <a class="btn btn-secondary" href="/show/{{ next-image.id }}">
-    {% else %}
-    <a class="btn btn-secondary disabled" href="#">
-      {% endif %}
-      <span class="fa fa-arrow-left"></span>
-      Neuer
-    </a>
+  <a class="btn btn-secondary" href="/show/{{ next-image.id }}" id="next-image">
+  {% else %}
+  <a class="btn btn-secondary disabled" href="#">
+  {% endif %}
 
-    <a class="btn btn-secondary" href="/">
+  <span class="fa fa-arrow-left"></span> Neuer
+
+  </a>
+
+  <a class="btn btn-secondary" href="/">
       <span class="fa fa-home"></span>
       Gallerie
-    </a>
+  </a>
 
-    {% if prev-image %}
-    <a class="btn btn-secondary" href="/show/{{ prev-image.id }}">
-      {% else %}
-      <a class="btn btn-secondary disabled" href="#">
-        {% endif %}
-        Älter
-        <span class="fa fa-arrow-right"></span>
-      </a>
+  {% if prev-image %}
+  <a class="btn btn-secondary" href="/show/{{ prev-image.id }}" id="prev-image">
+  {% else %}
+  <a class="btn btn-secondary disabled" href="#">
+  {% endif %}
+
+  Älter <span class="fa fa-arrow-right"></span>
+  </a>
 </div>
 
 <div class="pull-left clearfix">
diff --git a/resources/templates/layout.html b/resources/templates/layout.html
index c8125f7..d222e5e 100644
--- a/resources/templates/layout.html
+++ b/resources/templates/layout.html
@@ -91,7 +91,7 @@
     {% script "/assets/jquery/jquery.min.js" %}
     {% script "/assets/tether/dist/js/tether.min.js" %}
     {% script "/assets/bootstrap/js/bootstrap.min.js" %}
-    {% script "/js/main.js" %}
+    {% script "/js/main.js?v2" %}
   </body>
 </html>