kashire/lainchan
4
0
Fork 0
Code Issues 9 Pull Requests Releases Wiki Activity

gallery-view: support key events (up/down/left/right)

Browse Source
This commit is contained in:
czaks 2015-04-23 08:45:39 +02:00
parent 2d9214ac63
commit 163a4e699c
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
js/gallery-view.js
View File

@ -72,6 +72,17 @@ $(function(){
$("<a href='javascript:void(0)'><i class='fa fa-times'></i></div>") $("<a href='javascript:void(0)'><i class='fa fa-times'></i></div>")
.click(close_gallery).appendTo(toolbar); .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); handler.fadeIn(400);
}; };
@ -103,6 +114,8 @@ $(function(){
i.appendTo(active); i.appendTo(active);
i.hide(); i.hide();
// Let's actually preload the next few images
i.on('load', function() { i.on('load', function() {
i.css('left', 'calc(50% - '+i.width()+'px / 2)'); i.css('left', 'calc(50% - '+i.width()+'px / 2)');
i.css('top', 'calc(50% - '+i.height()+'px / 2)'); i.css('top', 'calc(50% - '+i.height()+'px / 2)');
@ -118,6 +131,8 @@ $(function(){
gallery_opened = false; gallery_opened = false;
$('body').off('keydown.gview');
handler.fadeOut(400, function() { handler.remove(); }); handler.fadeOut(400, function() { handler.remove(); });
}; };