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(); }); };