From 163a4e699c75cfa0b658e7c1e39153c2f603c483 Mon Sep 17 00:00:00 2001 From: czaks Date: Thu, 23 Apr 2015 08:45:39 +0200 Subject: [PATCH] gallery-view: support key events (up/down/left/right) --- js/gallery-view.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/js/gallery-view.js b/js/gallery-view.js index efe1b3b1..65a1e967 100644 --- a/js/gallery-view.js +++ b/js/gallery-view.js @@ -72,6 +72,17 @@ $(function(){ $("") .click(close_gallery).appendTo(toolbar); + $('body').on('keydown.gview', function(e) { + if (e.which == 39 || e.which == 40) { // right or down arrow + gallery_setimage(+1); + e.preventDefault(); + } + else if (e.which == 37 || e.which == 38) { // left or up arrow + gallery_setimage(-1); + e.preventDefault(); + } + }); + handler.fadeIn(400); }; @@ -103,6 +114,8 @@ $(function(){ i.appendTo(active); i.hide(); + // Let's actually preload the next few images + i.on('load', function() { i.css('left', 'calc(50% - '+i.width()+'px / 2)'); i.css('top', 'calc(50% - '+i.height()+'px / 2)'); @@ -118,6 +131,8 @@ $(function(){ gallery_opened = false; + $('body').off('keydown.gview'); + handler.fadeOut(400, function() { handler.remove(); }); };